色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#dbb705
データ
赤
219
緑
183
青
5
色相
50°
白
2%
黒
14%
彩度
96%
明度
44%
輝度
68%
色調 = 強い
色相 = 50°
3桁
#ec2
#ec1
#ec0
#eb2
#eb1
#eb0
#ea2
#ea1
#ea0
#dc2
#dc1
#dc0
#db2
#db1
#db0
#da2
#da1
#da0
#cc2
#cc1
#cc0
#cb2
#cb1
#cb0
#ca2
#ca1
#ca0
名前付き
goldenrod
orange
gold
darkorange
darkgoldenrod
peru
yellow
yellowgreen
chocolate
greenyellow
sandybrown
coral
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-45 : 5
-30 : 20
-15 : 35
-10 : 40
-5 : 45
-2 : 48
±0 : 50
+2 : 52
+5 : 55
+10 : 60
+15 : 65
+30 : 80
+45 : 95
+60 : 110
+75 : 125
+90 : 140
+105 : 155
+120 : 170
+135 : 185
+150 : 200
+165 : 215
+180 : 230
+195 : 245
+210 : 260
+225 : 275
+240 : 290
+255 : 305
+270 : 320
+285 : 335
+300 : 350
彩度
+4 : 100
+3 : 99
+2 : 98
±0 : 96
-2 : 94
-3 : 93
-4 : 92
-8 : 88
-12 : 84
-16 : 80
-20 : 76
-24 : 72
-28 : 68
-32 : 64
-36 : 60
-40 : 56
-44 : 52
-46 : 50
-48 : 48
-52 : 44
-56 : 40
-60 : 36
-64 : 32
-68 : 28
-72 : 24
-76 : 20
-80 : 16
-84 : 12
-88 : 8
-92 : 4
-96 : 0
明度
+56 : 100
+52 : 96
+48 : 92
+44 : 88
+40 : 84
+36 : 80
+32 : 76
+28 : 72
+24 : 68
+20 : 64
+16 : 60
+12 : 56
+8 : 52
+6 : 50
+4 : 48
+3 : 47
+2 : 46
±0 : 44
-2 : 42
-3 : 41
-4 : 40
-8 : 36
-12 : 32
-16 : 28
-20 : 24
-24 : 20
-28 : 16
-32 : 12
-36 : 8
-40 : 4
-44 : 0
白
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
黒
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
赤
+36 : 255
+19 : 238
+8 : 227
+4 : 223
+2 : 221
+1 : 220
±0 : 219
-1 : 218
-2 : 217
-4 : 215
-8 : 211
-15 : 204
-32 : 187
-49 : 170
-66 : 153
-83 : 136
-100 : 119
-117 : 102
-134 : 85
-151 : 68
-168 : 51
-185 : 34
-202 : 17
-219 : 0
緑
+72 : 255
+55 : 238
+38 : 221
+21 : 204
+8 : 191
+4 : 187
+2 : 185
+1 : 184
±0 : 183
-1 : 182
-2 : 181
-4 : 179
-8 : 175
-13 : 170
-30 : 153
-47 : 136
-64 : 119
-81 : 102
-98 : 85
-115 : 68
-132 : 51
-149 : 34
-166 : 17
-183 : 0
青
+250 : 255
+233 : 238
+216 : 221
+199 : 204
+182 : 187
+165 : 170
+148 : 153
+131 : 136
+114 : 119
+97 : 102
+80 : 85
+63 : 68
+46 : 51
+29 : 34
+12 : 17
+8 : 13
+4 : 9
+2 : 7
+1 : 6
±0 : 5
-1 : 4
-2 : 3
-4 : 1
-5 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000