色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#1df95c
データ
赤
29
緑
249
青
92
色相
137°
白
11%
黒
2%
彩度
95%
明度
55%
輝度
65%
色調 = 強い
色相 = 137°
3桁
#3f6
#3f5
#3f4
#3e6
#3e5
#3e4
#3d6
#3d5
#3d4
#2f6
#2f5
#2f4
#2e6
#2e5
#2e4
#2d6
#2d5
#2d4
#1f6
#1f5
#1f4
#1e6
#1e5
#1e4
#1d6
#1d5
#1d4
名前付き
springgreen
limegreen
mediumspringgreen
mediumseagreen
lime
lightseagreen
seagreen
mediumaquamarine
darkcyan
turquoise
forestgreen
mediumturquoise
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-135 : 2
-120 : 17
-105 : 32
-90 : 47
-75 : 62
-60 : 77
-45 : 92
-30 : 107
-15 : 122
-10 : 127
-5 : 132
-2 : 135
±0 : 137
+2 : 139
+5 : 142
+10 : 147
+15 : 152
+30 : 167
+45 : 182
+60 : 197
+75 : 212
+90 : 227
+105 : 242
+120 : 257
+135 : 272
+150 : 287
+165 : 302
+180 : 317
+195 : 332
+210 : 347
彩度
+5 : 100
+3 : 98
+2 : 97
+1 : 96
±0 : 95
-2 : 93
-3 : 92
-7 : 88
-11 : 84
-15 : 80
-19 : 76
-23 : 72
-27 : 68
-31 : 64
-35 : 60
-39 : 56
-43 : 52
-45 : 50
-47 : 48
-51 : 44
-55 : 40
-59 : 36
-63 : 32
-67 : 28
-71 : 24
-75 : 20
-79 : 16
-83 : 12
-87 : 8
-91 : 4
-95 : 0
明度
+45 : 100
+41 : 96
+37 : 92
+33 : 88
+29 : 84
+25 : 80
+21 : 76
+17 : 72
+13 : 68
+9 : 64
+5 : 60
+3 : 58
+2 : 57
+1 : 56
±0 : 55
-2 : 53
-3 : 52
-5 : 50
-7 : 48
-11 : 44
-15 : 40
-19 : 36
-23 : 32
-27 : 28
-31 : 24
-35 : 20
-39 : 16
-43 : 12
-47 : 8
-51 : 4
-55 : 0
白
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 100
黒
-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
赤
+226 : 255
+209 : 238
+192 : 221
+175 : 204
+158 : 187
+141 : 170
+124 : 153
+107 : 136
+90 : 119
+73 : 102
+56 : 85
+39 : 68
+22 : 51
+8 : 37
+5 : 34
+4 : 33
+2 : 31
+1 : 30
±0 : 29
-1 : 28
-2 : 27
-4 : 25
-8 : 21
-12 : 17
-29 : 0
緑
+6 : 255
+4 : 253
+2 : 251
+1 : 250
±0 : 249
-1 : 248
-2 : 247
-4 : 245
-8 : 241
-11 : 238
-28 : 221
-45 : 204
-62 : 187
-79 : 170
-96 : 153
-113 : 136
-130 : 119
-147 : 102
-164 : 85
-181 : 68
-198 : 51
-215 : 34
-232 : 17
-249 : 0
青
+163 : 255
+146 : 238
+129 : 221
+112 : 204
+95 : 187
+78 : 170
+61 : 153
+44 : 136
+27 : 119
+10 : 102
+8 : 100
+4 : 96
+2 : 94
+1 : 93
±0 : 92
-1 : 91
-2 : 90
-4 : 88
-7 : 85
-8 : 84
-24 : 68
-41 : 51
-58 : 34
-75 : 17
-92 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000