配色検討ツール
#5C5F8A
rgb(92,95,138)
hsl(236,20,45)
#575B8E
rgb(87,91,142)
hsl(236,24,45)
#535793
rgb(83,87,147)
hsl(236,28,45)
#464CA0
rgb(70,76,160)
hsl(236,39,45)
#3941AC
rgb(57,65,172)
hsl(236,50,45)
#434665
rgb(67,70,101)
hsl(235,20,33)
#404368
rgb(64,67,104)
hsl(236,24,33)
#3D406C
rgb(61,64,108)
hsl(236,28,33)
#333875
rgb(51,56,117)
hsl(235,39,33)
#2A307E
rgb(42,48,126)
hsl(236,50,33)
#2B2C40
rgb(43,44,64)
hsl(237,20,21)
#292A42
rgb(41,42,66)
hsl(238,23,21)
#272945
rgb(39,41,69)
hsl(236,28,21)
#21234A
rgb(33,35,74)
hsl(237,38,21)
#1B1E50
rgb(27,30,80)
hsl(237,50,21)
#252637
rgb(37,38,55)
hsl(237,20,18)
#232539
rgb(35,37,57)
hsl(235,24,18)
#21233B
rgb(33,35,59)
hsl(235,28,18)
#1C1F40
rgb(28,31,64)
hsl(235,39,18)
#171B45
rgb(23,27,69)
hsl(235,50,18)
#1F202E
rgb(31,32,46)
hsl(236,19,15)
#1D1E2F
rgb(29,30,47)
hsl(237,24,15)
#1C1D31
rgb(28,29,49)
hsl(237,27,15)
#181935
rgb(24,25,53)
hsl(238,38,15)
#141539
rgb(20,21,57)
hsl(238,48,15)
#273F45
rgb(39,63,69)
hsl(192,28,21)
#273845
rgb(39,56,69)
hsl(206,28,21)
#273045
rgb(39,48,69)
hsl(222,28,21)
#2C2745
rgb(44,39,69)
hsl(250,28,21)
#342745
rgb(52,39,69)
hsl(266,28,21)
#3B2745
rgb(59,39,69)
hsl(280,28,21)
#304527
rgb(48,69,39)
hsl(102,28,21)
#294527
rgb(41,69,39)
hsl(116,28,21)
#274534
rgb(39,69,52)
hsl(146,28,21)
#452738
rgb(69,39,56)
hsl(326,28,21)
#452729
rgb(69,39,41)
hsl(356,28,21)
#452C27
rgb(69,44,39)
hsl(10,28,21)
#384527
rgb(56,69,39)
hsl(86,28,21)
#3F4527
rgb(63,69,39)
hsl(72,28,21)
#454327
rgb(69,67,39)
hsl(56,28,21)
#453B27
rgb(69,59,39)
hsl(40,28,21)
#453427
rgb(69,52,39)
hsl(26,28,21)
#204F66
rgb(32,79,102)
hsl(200,52,26)
#22425B
rgb(34,66,91)
hsl(206,46,25)
#253650
rgb(37,54,80)
hsl(216,37,23)
#342741
rgb(52,39,65)
hsl(270,25,20)
#40243D
rgb(64,36,61)
hsl(306,28,20)
#4D2239
rgb(77,34,57)
hsl(328,39,22)
#4D2266
rgb(77,34,102)
hsl(278,50,27)
#40245B
rgb(64,36,91)
hsl(271,43,25)
#342750
rgb(52,39,80)
hsl(259,34,23)
#253641
rgb(37,54,65)
hsl(204,27,20)
#22423D
rgb(34,66,61)
hsl(171,32,20)
#204F39
rgb(32,79,57)
hsl(152,42,22)
#4D4F39
rgb(77,79,57)
hsl(65,16,27)
#40423D
rgb(64,66,61)
hsl(84,4,25)
#343641
rgb(52,54,65)
hsl(231,11,23)
#252750
rgb(37,39,80)
hsl(237,37,23)
#22245B
rgb(34,36,91)
hsl(238,46,25)
#202266
rgb(32,34,102)
hsl(238,52,26)
3
5
#D6E6DD
rgb(214,230,221)
hsl(146,24,87)
#D4E8DD
rgb(212,232,221)
hsl(147,30,87)
#D2EADD
rgb(210,234,221)
hsl(148,36,87)
#CFEDDD
rgb(207,237,221)
hsl(148,45,87)
#CCF0DD
rgb(204,240,221)
hsl(148,55,87)
#CCE0D5
rgb(204,224,213)
hsl(147,24,84)
#CAE3D5
rgb(202,227,213)
hsl(146,31,84)
#C8E5D5
rgb(200,229,213)
hsl(147,36,84)
#C3E9D4
rgb(195,233,212)
hsl(147,46,84)
#C0EDD4
rgb(192,237,212)
hsl(147,56,84)
#C2DBCD
rgb(194,219,205)
hsl(146,26,81)
#C0DECD
rgb(192,222,205)
hsl(146,31,81)
#BDE0CD
rgb(189,224,205)
hsl(147,36,81)
#B8E5CC
rgb(184,229,204)
hsl(147,46,81)
#B4E9CC
rgb(180,233,204)
hsl(147,55,81)
#9CC4AE
rgb(156,196,174)
hsl(147,25,69)
#97C8AD
rgb(151,200,173)
hsl(147,31,69)
#93CCAD
rgb(147,204,173)
hsl(147,36,69)
#8CD4AC
rgb(140,212,172)
hsl(147,46,69)
#84DBAC
rgb(132,219,172)
hsl(148,55,69)
#76AD8F
rgb(118,173,143)
hsl(147,25,57)
#6FB38E
rgb(111,179,142)
hsl(147,31,57)
#6AB98D
rgb(106,185,141)
hsl(147,36,57)
#5FC48C
rgb(95,196,140)
hsl(147,46,57)
#55CE8B
rgb(85,206,139)
hsl(147,55,57)
#C8E0BD
rgb(200,224,189)
hsl(101,36,81)
#BFE0BD
rgb(191,224,189)
hsl(117,36,81)
#BDE0C4
rgb(189,224,196)
hsl(132,36,81)
#BDE0D6
rgb(189,224,214)
hsl(163,36,81)
#BDE0DE
rgb(189,224,222)
hsl(177,36,81)
#BDD9E0
rgb(189,217,224)
hsl(192,36,81)
#E0C4BD
rgb(224,196,189)
hsl(12,36,81)
#E0CDBD
rgb(224,205,189)
hsl(27,36,81)
#E0DEBD
rgb(224,222,189)
hsl(57,36,81)
#BDBFE0
rgb(189,191,224)
hsl(237,36,81)
#CDBDE0
rgb(205,189,224)
hsl(267,36,81)
#D6BDE0
rgb(214,189,224)
hsl(283,36,81)
#E0BDBF
rgb(224,189,191)
hsl(357,36,81)
#E0BDC8
rgb(224,189,200)
hsl(341,36,81)
#E0BDD0
rgb(224,189,208)
hsl(327,36,81)
#E0BDD9
rgb(224,189,217)
hsl(312,36,81)
#DEBDE0
rgb(222,189,224)
hsl(297,36,81)
#9CE5D6
rgb(156,229,214)
hsl(168,58,75)
#A7E4D3
rgb(167,228,211)
hsl(163,53,77)
#B2E2D0
rgb(178,226,208)
hsl(158,45,79)
#C1D3C1
rgb(193,211,193)
hsl(120,17,79)
#C5C6B5
rgb(197,198,181)
hsl(64,13,74)
#C9B8A9
rgb(201,184,169)
hsl(28,23,73)
#C9B8D6
rgb(201,184,214)
hsl(274,27,78)
#C5C6D3
rgb(197,198,211)
hsl(236,14,80)
#C1D3D0
rgb(193,211,208)
hsl(170,17,79)
#B2E2C1
rgb(178,226,193)
hsl(139,45,79)
#A7E4B5
rgb(167,228,181)
hsl(134,53,77)
#9CE5A9
rgb(156,229,169)
hsl(131,58,75)
#C9E5A9
rgb(201,229,169)
hsl(88,54,78)
#C5E4B5
rgb(197,228,181)
hsl(100,47,80)
#C1E2C1
rgb(193,226,193)
hsl(120,36,82)
#B2D3D0
rgb(178,211,208)
hsl(175,27,76)
#A7C6D3
rgb(167,198,211)
hsl(198,33,74)
#9CB8D6
rgb(156,184,214)
hsl(211,41,73)
3
5
この配色で見本サイトを表示する
島のWeb屋
-
小物置き場