色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#7d3d12
データ
赤
125
緑
61
青
18
色相
24°
白
7%
黒
51%
彩度
75%
明度
28%
輝度
30%
色調 = 深い
色相 = 24°
3桁
#852
#851
#850
#842
#841
#840
#832
#831
#830
#752
#751
#750
#742
#741
#740
#732
#731
#730
#652
#651
#650
#642
#641
#640
#632
#631
#630
名前付き
saddlebrown
sienna
brown
firebrick
maroon
darkred
darkolivegreen
olive
olivedrab
darkgoldenrod
chocolate
dimgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-15 : 9
-10 : 14
-5 : 19
-2 : 22
±0 : 24
+2 : 26
+5 : 29
+10 : 34
+15 : 39
+30 : 54
+45 : 69
+60 : 84
+75 : 99
+90 : 114
+105 : 129
+120 : 144
+135 : 159
+150 : 174
+165 : 189
+180 : 204
+195 : 219
+210 : 234
+225 : 249
+240 : 264
+255 : 279
+270 : 294
+285 : 309
+300 : 324
+315 : 339
+330 : 354
彩度
+25 : 100
+21 : 96
+17 : 92
+13 : 88
+9 : 84
+5 : 80
+3 : 78
+2 : 77
+1 : 76
±0 : 75
-2 : 73
-3 : 72
-7 : 68
-11 : 64
-15 : 60
-19 : 56
-23 : 52
-25 : 50
-27 : 48
-31 : 44
-35 : 40
-39 : 36
-43 : 32
-47 : 28
-51 : 24
-55 : 20
-59 : 16
-63 : 12
-67 : 8
-71 : 4
-75 : 0
明度
+72 : 100
+68 : 96
+64 : 92
+60 : 88
+56 : 84
+52 : 80
+48 : 76
+44 : 72
+40 : 68
+36 : 64
+32 : 60
+28 : 56
+24 : 52
+22 : 50
+20 : 48
+16 : 44
+12 : 40
+8 : 36
+4 : 32
+3 : 31
+2 : 30
±0 : 28
-2 : 26
-3 : 25
-4 : 24
-8 : 20
-12 : 16
-16 : 12
-20 : 8
-24 : 4
-28 : 0
白
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
黒
-51 : 0
-47 : 4
-43 : 8
-39 : 12
-35 : 16
-31 : 20
-27 : 24
-23 : 28
-19 : 32
-15 : 36
-11 : 40
-7 : 44
-3 : 48
-2 : 49
-1 : 50
±0 : 51
+1 : 52
+2 : 53
+3 : 54
+5 : 56
+9 : 60
+13 : 64
+17 : 68
+21 : 72
+25 : 76
+29 : 80
+33 : 84
+37 : 88
+41 : 92
+45 : 96
+49 : 100
赤
+130 : 255
+113 : 238
+96 : 221
+79 : 204
+62 : 187
+45 : 170
+28 : 153
+11 : 136
+8 : 133
+4 : 129
+2 : 127
+1 : 126
±0 : 125
-1 : 124
-2 : 123
-4 : 121
-6 : 119
-8 : 117
-23 : 102
-40 : 85
-57 : 68
-74 : 51
-91 : 34
-108 : 17
-125 : 0
緑
+194 : 255
+177 : 238
+160 : 221
+143 : 204
+126 : 187
+109 : 170
+92 : 153
+75 : 136
+58 : 119
+41 : 102
+24 : 85
+8 : 69
+7 : 68
+4 : 65
+2 : 63
+1 : 62
±0 : 61
-1 : 60
-2 : 59
-4 : 57
-8 : 53
-10 : 51
-27 : 34
-44 : 17
-61 : 0
青
+237 : 255
+220 : 238
+203 : 221
+186 : 204
+169 : 187
+152 : 170
+135 : 153
+118 : 136
+101 : 119
+84 : 102
+67 : 85
+50 : 68
+33 : 51
+16 : 34
+8 : 26
+4 : 22
+2 : 20
+1 : 19
±0 : 18
-1 : 17
-2 : 16
-4 : 14
-8 : 10
-18 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000