#acafad
RGB
赤 | 172 |
---|---|
緑 | 175 |
青 | 173 |
HSL
色相 | 140° |
---|---|
彩度 | 2% |
明度 | 68% |
輝度 | 68% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 172, 緑 = 175, 青 = 173 )
HSL ( 色相 = 140°, 彩度 = 2%, 明度 = 68% )
H : 色相 ( 140° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #afacac : -140
10 : #afacac : -130
20 : #afadac : -120
30 : #afadac : -110
40 : #afaeac : -100
50 : #afaeac : -90
60 : #afafac : -80
70 : #aeafac : -70
80 : #aeafac : -60
90 : #adafac : -50
100 : #adafac : -40
110 : #acafac : -30
120 : #acafac : -20
130 : #acafac : -10
140 : #acafad : ±0
150 : #acafad : +10
160 : #acafae : +20
170 : #acafae : +30
180 : #acafaf : +40
190 : #acaeaf : +50
200 : #acaeaf : +60
210 : #acadaf : +70
220 : #acadaf : +80
230 : #acacaf : +90
240 : #acacaf : +100
250 : #acacaf : +110
260 : #adacaf : +120
270 : #adacaf : +130
280 : #aeacaf : +140
290 : #aeacaf : +150
300 : #afacaf : +160
310 : #afacae : +170
320 : #afacae : +180
330 : #afacad : +190
340 : #afacad : +200
350 : #afacac : +210
130 : #acafac : -10
131 : #acafac : -9
132 : #acafac : -8
133 : #acafac : -7
134 : #acafad : -6
135 : #acafad : -5
136 : #acafad : -4
137 : #acafad : -3
138 : #acafad : -2
139 : #acafad : -1
140 : #acafad : ±0
141 : #acafad : +1
142 : #acafad : +2
143 : #acafad : +3
144 : #acafad : +4
145 : #acafad : +5
146 : #acafad : +6
147 : #acafad : +7
148 : #acafad : +8
149 : #acafad : +9
150 : #acafad : +10
S : 彩度 ( 2% )
(0%) 渋い ~ 鮮やか (100%)
0 : #adadad : -2
2 : #acafad : ±0
4 : #aab1ac : +2
6 : #a9b2ac : +4
8 : #a7b4ab : +6
10 : #a5b6ab : +8
12 : #a4b7aa : +10
14 : #a2b9aa : +12
16 : #a0baa9 : +14
18 : #9fbca9 : +16
20 : #9dbea8 : +18
22 : #9bbfa7 : +20
24 : #9ac1a7 : +22
26 : #98c3a6 : +24
28 : #97c4a6 : +26
30 : #95c6a5 : +28
32 : #93c8a5 : +30
34 : #92c9a4 : +32
36 : #90cba4 : +34
38 : #8ecca3 : +36
40 : #8dcea3 : +38
42 : #8bd0a2 : +40
44 : #89d1a1 : +42
46 : #88d3a1 : +44
48 : #86d5a0 : +46
50 : #85d6a0 : +48
52 : #83d89f : +50
54 : #81d99f : +52
56 : #80db9e : +54
58 : #7edd9e : +56
60 : #7cde9d : +58
62 : #7be09d : +60
64 : #79e29c : +62
66 : #78e39b : +64
68 : #76e59b : +66
70 : #74e79a : +68
72 : #73e89a : +70
74 : #71ea99 : +72
76 : #6feb99 : +74
78 : #6eed98 : +76
80 : #6cef98 : +78
82 : #6af097 : +80
84 : #69f297 : +82
86 : #67f496 : +84
88 : #66f595 : +86
90 : #64f795 : +88
92 : #62f894 : +90
94 : #61fa94 : +92
96 : #5ffc93 : +94
98 : #5dfd93 : +96
100 : #5cff92 : +98
L : 明度 ( 68% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -68
2 : #050505 : -66
4 : #0a0a0a : -64
6 : #0f100f : -62
8 : #141514 : -60
10 : #191a19 : -58
12 : #1e1f1e : -56
14 : #232423 : -54
16 : #282a29 : -52
18 : #2d2f2e : -50
20 : #323433 : -48
22 : #373938 : -46
24 : #3c3e3d : -44
26 : #414442 : -42
28 : #464947 : -40
30 : #4b4e4c : -38
32 : #505351 : -36
34 : #555856 : -34
36 : #5a5e5b : -32
38 : #5f6360 : -30
40 : #646865 : -28
42 : #696d6a : -26
44 : #6e726f : -24
46 : #737875 : -22
48 : #787d7a : -20
50 : #7d827f : -18
52 : #828784 : -16
54 : #878c89 : -14
56 : #8d918e : -12
58 : #929693 : -10
60 : #979b98 : -8
62 : #9ca09d : -6
64 : #a1a5a3 : -4
66 : #a7aaa8 : -2
68 : #acafad : ±0
70 : #b1b4b2 : +2
72 : #b6b9b7 : +4
74 : #bbbebc : +6
76 : #c1c3c1 : +8
78 : #c6c8c7 : +10
80 : #cbcdcc : +12
82 : #d0d2d1 : +14
84 : #d5d7d6 : +16
86 : #dbdcdb : +18
88 : #e0e1e0 : +20
90 : #e5e6e5 : +22
92 : #eaebea : +24
94 : #eff0f0 : +26
96 : #f5f5f5 : +28
98 : #fafafa : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow