配色検討ツール
#7340B5
rgb(115,64,181)
hsl(266,48,48)
#7132C3
rgb(113,50,195)
hsl(266,59,48)
#6F26CF
rgb(111,38,207)
hsl(266,69,48)
#6E20D5
rgb(110,32,213)
hsl(266,74,48)
#6E1BDA
rgb(110,27,218)
hsl(266,78,48)
#563088
rgb(86,48,136)
hsl(266,48,36)
#552692
rgb(85,38,146)
hsl(266,59,36)
#531C9B
rgb(83,28,155)
hsl(266,69,36)
#5318A0
rgb(83,24,160)
hsl(266,74,36)
#5214A3
rgb(82,20,163)
hsl(266,78,36)
#3C215E
rgb(60,33,94)
hsl(267,48,25)
#3B1A65
rgb(59,26,101)
hsl(266,59,25)
#3A146C
rgb(58,20,108)
hsl(266,69,25)
#39116F
rgb(57,17,111)
hsl(266,73,25)
#390E71
rgb(57,14,113)
hsl(266,78,25)
#321C4F
rgb(50,28,79)
hsl(266,48,21)
#311655
rgb(49,22,85)
hsl(266,59,21)
#31115A
rgb(49,17,90)
hsl(266,68,21)
#300E5D
rgb(48,14,93)
hsl(266,74,21)
#300C5F
rgb(48,12,95)
hsl(266,78,21)
#2B1744
rgb(43,23,68)
hsl(267,49,18)
#2A1249
rgb(42,18,73)
hsl(266,60,18)
#2A0E4E
rgb(42,14,78)
hsl(266,70,18)
#290B50
rgb(41,11,80)
hsl(266,76,18)
#290A52
rgb(41,10,82)
hsl(266,78,18)
#14306C
rgb(20,48,108)
hsl(221,69,25)
#141A6C
rgb(20,26,108)
hsl(236,69,25)
#24146C
rgb(36,20,108)
hsl(251,69,25)
#50146C
rgb(80,20,108)
hsl(281,69,25)
#66146C
rgb(102,20,108)
hsl(296,69,25)
#6C145C
rgb(108,20,92)
hsl(311,69,25)
#146C24
rgb(20,108,36)
hsl(131,69,25)
#146C3A
rgb(20,108,58)
hsl(146,69,25)
#146C66
rgb(20,108,102)
hsl(176,69,25)
#6C141A
rgb(108,20,26)
hsl(356,69,25)
#6C3A14
rgb(108,58,20)
hsl(26,69,25)
#6C5014
rgb(108,80,20)
hsl(41,69,25)
#1A6C14
rgb(26,108,20)
hsl(116,69,25)
#306C14
rgb(48,108,20)
hsl(101,69,25)
#466C14
rgb(70,108,20)
hsl(86,69,25)
#5C6C14
rgb(92,108,20)
hsl(71,69,25)
#6C6614
rgb(108,102,20)
hsl(56,69,25)
#303D86
rgb(48,61,134)
hsl(231,47,36)
#33307D
rgb(51,48,125)
hsl(242,45,34)
#372275
rgb(55,34,117)
hsl(255,55,30)
#461366
rgb(70,19,102)
hsl(277,69,24)
#51125F
rgb(81,18,95)
hsl(289,68,22)
#5D1059
rgb(93,16,89)
hsl(303,71,21)
#5D1086
rgb(93,16,134)
hsl(279,79,29)
#51127D
rgb(81,18,125)
hsl(275,75,28)
#461375
rgb(70,19,117)
hsl(271,72,27)
#372266
rgb(55,34,102)
hsl(259,50,27)
#33305F
rgb(51,48,95)
hsl(244,33,28)
#303D59
rgb(48,61,89)
hsl(221,30,27)
#5D3D59
rgb(93,61,89)
hsl(308,21,30)
#51305F
rgb(81,48,95)
hsl(282,33,28)
#462266
rgb(70,34,102)
hsl(272,50,27)
#371375
rgb(55,19,117)
hsl(262,72,27)
#33127D
rgb(51,18,125)
hsl(259,75,28)
#301086
rgb(48,16,134)
hsl(256,79,29)
3
5
#D0E0BD
rgb(208,224,189)
hsl(87,36,81)
#D1E4B9
rgb(209,228,185)
hsl(87,44,81)
#D1E8B5
rgb(209,232,181)
hsl(87,53,81)
#D1ECB1
rgb(209,236,177)
hsl(87,61,81)
#D2EFAE
rgb(210,239,174)
hsl(87,67,81)
#C7DAAF
rgb(199,218,175)
hsl(87,37,77)
#C7DFAA
rgb(199,223,170)
hsl(87,45,77)
#C7E3A5
rgb(199,227,165)
hsl(87,53,77)
#C8E8A1
rgb(200,232,161)
hsl(87,61,77)
#C8EC9D
rgb(200,236,157)
hsl(87,68,77)
#BDD4A1
rgb(189,212,161)
hsl(87,37,73)
#BDD99B
rgb(189,217,155)
hsl(87,45,73)
#BEDF96
rgb(190,223,150)
hsl(87,53,73)
#BEE391
rgb(190,227,145)
hsl(87,59,73)
#BFE88C
rgb(191,232,140)
hsl(87,67,73)
#A2C27A
rgb(162,194,122)
hsl(87,37,62)
#A2CA72
rgb(162,202,114)
hsl(87,45,62)
#A3D16B
rgb(163,209,107)
hsl(87,53,62)
#A4D864
rgb(164,216,100)
hsl(87,60,62)
#A5DF5D
rgb(165,223,93)
hsl(87,67,62)
#87B054
rgb(135,176,84)
hsl(87,37,51)
#88BA4A
rgb(136,186,74)
hsl(87,45,51)
#89C440
rgb(137,196,64)
hsl(87,53,51)
#8ACD37
rgb(138,205,55)
hsl(87,60,51)
#8AD62E
rgb(138,214,46)
hsl(87,67,51)
#DFC996
rgb(223,201,150)
hsl(42,53,73)
#DFDB96
rgb(223,219,150)
hsl(57,53,73)
#D0DF96
rgb(208,223,150)
hsl(72,53,73)
#ACDF96
rgb(172,223,150)
hsl(102,53,73)
#99DF96
rgb(153,223,150)
hsl(118,53,73)
#96DFA4
rgb(150,223,164)
hsl(132,53,73)
#DF96D0
rgb(223,150,208)
hsl(312,53,73)
#DF96BE
rgb(223,150,190)
hsl(327,53,73)
#DF9699
rgb(223,150,153)
hsl(358,53,73)
#96DFDB
rgb(150,223,219)
hsl(177,53,73)
#96BEDF
rgb(150,190,223)
hsl(207,53,73)
#96ACDF
rgb(150,172,223)
hsl(222,53,73)
#DB96DF
rgb(219,150,223)
hsl(297,53,73)
#C996DF
rgb(201,150,223)
hsl(282,53,73)
#B796DF
rgb(183,150,223)
hsl(267,53,73)
#A496DF
rgb(164,150,223)
hsl(252,53,73)
#9699DF
rgb(150,153,223)
hsl(238,53,73)
#9CE5A9
rgb(156,229,169)
hsl(131,58,75)
#A8E3A2
rgb(168,227,162)
hsl(114,54,76)
#B3E19C
rgb(179,225,156)
hsl(100,53,75)
#C2D28D
rgb(194,210,141)
hsl(74,43,69)
#C6C584
rgb(198,197,132)
hsl(59,37,65)
#C9B87C
rgb(201,184,124)
hsl(47,42,64)
#C9B8A9
rgb(201,184,169)
hsl(28,23,73)
#C6C5A2
rgb(198,197,162)
hsl(58,24,71)
#C2D29C
rgb(194,210,156)
hsl(78,38,72)
#B3E18D
rgb(179,225,141)
hsl(93,58,72)
#A8E384
rgb(168,227,132)
hsl(97,63,70)
#9CE57C
rgb(156,229,124)
hsl(102,67,69)
#C9E57C
rgb(201,229,124)
hsl(76,67,69)
#C6E384
rgb(198,227,132)
hsl(78,63,70)
#C2E18D
rgb(194,225,141)
hsl(82,58,72)
#B3D29C
rgb(179,210,156)
hsl(94,38,72)
#A8C5A2
rgb(168,197,162)
hsl(110,23,70)
#9CB8A9
rgb(156,184,169)
hsl(148,16,67)
3
5
#BDE0C4
rgb(189,224,196)
hsl(132,36,81)
#B9E4C1
rgb(185,228,193)
hsl(131,44,81)
#B5E8BF
rgb(181,232,191)
hsl(132,53,81)
#B1ECBD
rgb(177,236,189)
hsl(132,61,81)
#AEEFBB
rgb(174,239,187)
hsl(132,67,81)
#AFDAB8
rgb(175,218,184)
hsl(133,37,77)
#AADFB5
rgb(170,223,181)
hsl(132,45,77)
#A5E3B2
rgb(165,227,178)
hsl(133,53,77)
#A1E8B0
rgb(161,232,176)
hsl(133,61,77)
#9DECAE
rgb(157,236,174)
hsl(133,68,77)
#A1D4AB
rgb(161,212,171)
hsl(132,37,73)
#9BD9A8
rgb(155,217,168)
hsl(133,45,73)
#94DEA3
rgb(148,222,163)
hsl(132,53,73)
#91E3A1
rgb(145,227,161)
hsl(132,59,73)
#8CE89E
rgb(140,232,158)
hsl(132,67,73)
#7AC289
rgb(122,194,137)
hsl(133,37,62)
#72CA84
rgb(114,202,132)
hsl(132,45,62)
#6BD17F
rgb(107,209,127)
hsl(132,53,62)
#64D87B
rgb(100,216,123)
hsl(132,60,62)
#5DDF77
rgb(93,223,119)
hsl(132,67,62)
#54B066
rgb(84,176,102)
hsl(132,37,51)
#4ABA60
rgb(74,186,96)
hsl(132,45,51)
#40C45A
rgb(64,196,90)
hsl(132,53,51)
#37CD55
rgb(55,205,85)
hsl(132,60,51)
#2ED650
rgb(46,214,80)
hsl(132,67,51)
#BEDF96
rgb(190,223,150)
hsl(87,53,73)
#ACDF96
rgb(172,223,150)
hsl(102,53,73)
#99DF96
rgb(153,223,150)
hsl(118,53,73)
#96DFB7
rgb(150,223,183)
hsl(147,53,73)
#96DFC9
rgb(150,223,201)
hsl(162,53,73)
#96DFDB
rgb(150,223,219)
hsl(177,53,73)
#DF9699
rgb(223,150,153)
hsl(358,53,73)
#DFA496
rgb(223,164,150)
hsl(12,53,73)
#DFC996
rgb(223,201,150)
hsl(42,53,73)
#96ACDF
rgb(150,172,223)
hsl(222,53,73)
#A496DF
rgb(164,150,223)
hsl(252,53,73)
#B796DF
rgb(183,150,223)
hsl(267,53,73)
#DF96AC
rgb(223,150,172)
hsl(342,53,73)
#DF96BE
rgb(223,150,190)
hsl(327,53,73)
#DF96D0
rgb(223,150,208)
hsl(312,53,73)
#DB96DF
rgb(219,150,223)
hsl(297,53,73)
#C996DF
rgb(201,150,223)
hsl(282,53,73)
#7AE4B3
rgb(122,228,179)
hsl(152,66,69)
#83E2AE
rgb(131,226,174)
hsl(147,62,70)
#8BE0A8
rgb(139,224,168)
hsl(140,58,71)
#9AD199
rgb(154,209,153)
hsl(119,38,71)
#A1C490
rgb(161,196,144)
hsl(100,31,67)
#A7B786
rgb(167,183,134)
hsl(80,25,62)
#A7B7B3
rgb(167,183,179)
hsl(165,10,69)
#A1C4AE
rgb(161,196,174)
hsl(142,23,70)
#9AD1A8
rgb(154,209,168)
hsl(135,37,71)
#8BE099
rgb(139,224,153)
hsl(130,58,71)
#83E290
rgb(131,226,144)
hsl(128,62,70)
#7AE486
rgb(122,228,134)
hsl(127,66,69)
#A7E486
rgb(167,228,134)
hsl(99,64,71)
#A1E290
rgb(161,226,144)
hsl(108,59,73)
#9AE099
rgb(154,224,153)
hsl(119,53,74)
#8BD1A8
rgb(139,209,168)
hsl(145,43,68)
#83C4AE
rgb(131,196,174)
hsl(160,36,64)
#7AB7B3
rgb(122,183,179)
hsl(176,30,60)
3
5
この配色で見本サイトを表示する
島のWeb屋
-
小物置き場