配色検討ツール
#5C8A74
rgb(92,138,116)
hsl(151,20,45)
#578E75
rgb(87,142,117)
hsl(153,24,45)
#539375
rgb(83,147,117)
hsl(152,28,45)
#46A076
rgb(70,160,118)
hsl(152,39,45)
#39AC77
rgb(57,172,119)
hsl(152,50,45)
#436555
rgb(67,101,85)
hsl(152,20,33)
#406855
rgb(64,104,85)
hsl(152,24,33)
#3D6C56
rgb(61,108,86)
hsl(152,28,33)
#337556
rgb(51,117,86)
hsl(152,39,33)
#2A7E57
rgb(42,126,87)
hsl(152,50,33)
#2B4036
rgb(43,64,54)
hsl(151,20,21)
#294236
rgb(41,66,54)
hsl(151,23,21)
#274537
rgb(39,69,55)
hsl(152,28,21)
#214A37
rgb(33,74,55)
hsl(152,38,21)
#1B5037
rgb(27,80,55)
hsl(152,50,21)
#25372F
rgb(37,55,47)
hsl(153,20,18)
#23392F
rgb(35,57,47)
hsl(153,24,18)
#213B2F
rgb(33,59,47)
hsl(152,28,18)
#1C402F
rgb(28,64,47)
hsl(152,39,18)
#17452F
rgb(23,69,47)
hsl(151,50,18)
#1F2E26
rgb(31,46,38)
hsl(148,19,15)
#1D2F27
rgb(29,47,39)
hsl(153,24,15)
#1C3127
rgb(28,49,39)
hsl(151,27,15)
#183527
rgb(24,53,39)
hsl(151,38,15)
#143927
rgb(20,57,39)
hsl(151,48,15)
#2D4527
rgb(45,69,39)
hsl(108,28,21)
#274528
rgb(39,69,40)
hsl(122,28,21)
#27452F
rgb(39,69,47)
hsl(136,28,21)
#27453E
rgb(39,69,62)
hsl(166,28,21)
#274445
rgb(39,68,69)
hsl(182,28,21)
#273C45
rgb(39,60,69)
hsl(198,28,21)
#452F27
rgb(69,47,39)
hsl(16,28,21)
#453727
rgb(69,55,39)
hsl(32,28,21)
#444527
rgb(68,69,39)
hsl(62,28,21)
#282745
rgb(40,39,69)
hsl(242,28,21)
#372745
rgb(55,39,69)
hsl(272,28,21)
#3E2745
rgb(62,39,69)
hsl(286,28,21)
#452827
rgb(69,40,39)
hsl(2,28,21)
#45272D
rgb(69,39,45)
hsl(348,28,21)
#452735
rgb(69,39,53)
hsl(332,28,21)
#45273C
rgb(69,39,60)
hsl(318,28,21)
#452744
rgb(69,39,68)
hsl(302,28,21)
#20665A
rgb(32,102,90)
hsl(170,52,26)
#225B4F
rgb(34,91,79)
hsl(167,46,25)
#255043
rgb(37,80,67)
hsl(162,37,23)
#344134
rgb(52,65,52)
hsl(120,11,23)
#403D31
rgb(64,61,49)
hsl(48,13,22)
#4D392D
rgb(77,57,45)
hsl(23,26,24)
#4D395A
rgb(77,57,90)
hsl(276,22,29)
#403D4F
rgb(64,61,79)
hsl(250,13,27)
#344143
rgb(52,65,67)
hsl(188,13,23)
#255034
rgb(37,80,52)
hsl(141,37,23)
#225B31
rgb(34,91,49)
hsl(136,46,25)
#20662D
rgb(32,102,45)
hsl(131,52,26)
#4D662D
rgb(77,102,45)
hsl(86,39,29)
#405B31
rgb(64,91,49)
hsl(99,30,27)
#345034
rgb(52,80,52)
hsl(120,21,26)
#254143
rgb(37,65,67)
hsl(184,29,20)
#223D4F
rgb(34,61,79)
hsl(204,40,22)
#20395A
rgb(32,57,90)
hsl(214,48,24)
3
5
#C1D2C7
rgb(193,210,199)
hsl(141,16,79)
#BFD4C7
rgb(191,212,199)
hsl(143,20,79)
#BDD6C6
rgb(189,214,198)
hsl(142,23,79)
#B7DCC4
rgb(183,220,196)
hsl(141,35,79)
#B1E2C3
rgb(177,226,195)
hsl(142,46,79)
#B5C9BC
rgb(181,201,188)
hsl(141,16,75)
#B3CCBB
rgb(179,204,187)
hsl(139,20,75)
#B1CEBB
rgb(177,206,187)
hsl(141,23,75)
#A9D6B9
rgb(169,214,185)
hsl(141,35,75)
#A2DDB6
rgb(162,221,182)
hsl(140,46,75)
#A6BFAF
rgb(166,191,175)
hsl(142,16,70)
#A3C2AE
rgb(163,194,174)
hsl(141,20,70)
#A1C4AE
rgb(161,196,174)
hsl(142,23,70)
#98CDAB
rgb(152,205,171)
hsl(142,35,70)
#8FD6A9
rgb(143,214,169)
hsl(142,46,70)
#89A995
rgb(137,169,149)
hsl(143,16,60)
#85AD94
rgb(133,173,148)
hsl(143,20,60)
#82B093
rgb(130,176,147)
hsl(142,23,60)
#75BD8F
rgb(117,189,143)
hsl(142,35,60)
#6AC88C
rgb(106,200,140)
hsl(142,46,60)
#699178
rgb(105,145,120)
hsl(143,16,49)
#649676
rgb(100,150,118)
hsl(142,20,49)
#609A75
rgb(96,154,117)
hsl(142,23,49)
#51A971
rgb(81,169,113)
hsl(142,35,49)
#43B66E
rgb(67,182,110)
hsl(142,46,49)
#AEC4A1
rgb(174,196,161)
hsl(98,23,70)
#A6C4A1
rgb(166,196,161)
hsl(111,23,70)
#A1C4A5
rgb(161,196,165)
hsl(127,23,70)
#A1C4B7
rgb(161,196,183)
hsl(158,23,70)
#A1C4BF
rgb(161,196,191)
hsl(171,23,70)
#A1C0C4
rgb(161,192,196)
hsl(187,23,70)
#C4A5A1
rgb(196,165,161)
hsl(7,23,70)
#C4AEA1
rgb(196,174,161)
hsl(22,23,70)
#C4BFA1
rgb(196,191,161)
hsl(51,23,70)
#A1A6C4
rgb(161,166,196)
hsl(231,23,70)
#AEA1C4
rgb(174,161,196)
hsl(262,23,70)
#B7A1C4
rgb(183,161,196)
hsl(278,23,70)
#C4A1A6
rgb(196,161,166)
hsl(351,23,70)
#C4A1AE
rgb(196,161,174)
hsl(338,23,70)
#C4A1B7
rgb(196,161,183)
hsl(322,23,70)
#C4A1C0
rgb(196,161,192)
hsl(307,23,70)
#BFA1C4
rgb(191,161,196)
hsl(291,23,70)
#85CEBC
rgb(133,206,188)
hsl(165,43,66)
#8ECBB8
rgb(142,203,184)
hsl(161,37,68)
#98C7B3
rgb(152,199,179)
hsl(154,30,69)
#A7B8A4
rgb(167,184,164)
hsl(111,12,68)
#ACAD9A
rgb(172,173,154)
hsl(63,10,64)
#B2A18F
rgb(178,161,143)
hsl(31,19,63)
#B2A1BC
rgb(178,161,188)
hsl(278,17,68)
#ACADB8
rgb(172,173,184)
hsl(235,8,70)
#A7B8B3
rgb(167,184,179)
hsl(162,11,69)
#98C7A4
rgb(152,199,164)
hsl(135,30,69)
#8ECB9A
rgb(142,203,154)
hsl(132,37,68)
#85CE8F
rgb(133,206,143)
hsl(128,43,66)
#B2CE8F
rgb(178,206,143)
hsl(87,39,68)
#ACCB9A
rgb(172,203,154)
hsl(98,32,70)
#A7C7A4
rgb(167,199,164)
hsl(115,24,71)
#98B8B3
rgb(152,184,179)
hsl(171,18,66)
#8EADB8
rgb(142,173,184)
hsl(196,23,64)
#85A1BC
rgb(133,161,188)
hsl(209,29,63)
3
5
この配色で見本サイトを表示する
島のWeb屋
-
小物置き場