#cad3d0
RGB
赤 | 202 |
---|---|
緑 | 211 |
青 | 208 |
HSL
色相 | 160° |
---|---|
彩度 | 9% |
明度 | 81% |
輝度 | 82% |
3桁の色
補色
反転色
RGB ( 赤 = 202, 緑 = 211, 青 = 208 )
HSL ( 色相 = 160°, 彩度 = 9%, 明度 = 81% )
H : 色相 ( 160° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #d3caca : -160
10 : #d3ccca : -150
20 : #d3cdca : -140
30 : #d3cfca : -130
40 : #d3d0ca : -120
50 : #d3d1ca : -110
60 : #d3d3ca : -100
70 : #d1d3ca : -90
80 : #d0d3ca : -80
90 : #cfd3ca : -70
100 : #cdd3ca : -60
110 : #ccd3ca : -50
120 : #cad3ca : -40
130 : #cad3cc : -30
140 : #cad3cd : -20
150 : #cad3cf : -10
160 : #cad3d0 : ±0
170 : #cad3d1 : +10
180 : #cad3d3 : +20
190 : #cad1d3 : +30
200 : #cad0d3 : +40
210 : #cacfd3 : +50
220 : #cacdd3 : +60
230 : #caccd3 : +70
240 : #cacad3 : +80
250 : #cccad3 : +90
260 : #cdcad3 : +100
270 : #cfcad3 : +110
280 : #d0cad3 : +120
290 : #d1cad3 : +130
300 : #d3cad3 : +140
310 : #d3cad1 : +150
320 : #d3cad0 : +160
330 : #d3cacf : +170
340 : #d3cacd : +180
350 : #d3cacc : +190
150 : #cad3cf : -10
151 : #cad3cf : -9
152 : #cad3cf : -8
153 : #cad3cf : -7
154 : #cad3cf : -6
155 : #cad3cf : -5
156 : #cad3cf : -4
157 : #cad3d0 : -3
158 : #cad3d0 : -2
159 : #cad3d0 : -1
160 : #cad3d0 : ±0
161 : #cad3d0 : +1
162 : #cad3d0 : +2
163 : #cad3d0 : +3
164 : #cad3d1 : +4
165 : #cad3d1 : +5
166 : #cad3d1 : +6
167 : #cad3d1 : +7
168 : #cad3d1 : +8
169 : #cad3d1 : +9
170 : #cad3d1 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #cecfcf : -8
3 : #cdd0cf : -6
5 : #ccd1cf : -4
7 : #cbd2d0 : -2
9 : #cad3d0 : ±0
11 : #c9d4d0 : +2
13 : #c8d5d1 : +4
15 : #c7d6d1 : +6
17 : #c6d7d1 : +8
19 : #c5d8d2 : +10
21 : #c4d9d2 : +12
23 : #c3dad2 : +14
25 : #c2dbd3 : +16
27 : #c1dcd3 : +18
29 : #c0ddd3 : +20
31 : #c0ded4 : +22
33 : #bfdfd4 : +24
35 : #bee0d4 : +26
37 : #bde0d5 : +28
39 : #bce1d5 : +30
41 : #bbe2d5 : +32
43 : #bae3d5 : +34
45 : #b9e4d6 : +36
47 : #b8e5d6 : +38
49 : #b7e6d6 : +40
51 : #b6e7d7 : +42
53 : #b5e8d7 : +44
55 : #b4e9d7 : +46
57 : #b3ead8 : +48
59 : #b2ebd8 : +50
61 : #b1ecd8 : +52
63 : #b0edd9 : +54
65 : #afeed9 : +56
67 : #aeefd9 : +58
69 : #adf0da : +60
71 : #acf1da : +62
73 : #abf2da : +64
75 : #aaf3db : +66
77 : #a9f4db : +68
79 : #a8f5db : +70
81 : #a7f6dc : +72
83 : #a6f7dc : +74
85 : #a5f8dc : +76
87 : #a4f9dd : +78
89 : #a3fadd : +80
91 : #a2fbdd : +82
93 : #a1fcde : +84
95 : #a1fdde : +86
97 : #a0fede : +88
99 : #9fffdf : +90
L : 明度 ( 81% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -80
3 : #070808 : -78
5 : #0c0e0d : -76
7 : #101312 : -74
9 : #151918 : -72
11 : #1a1f1d : -70
13 : #1e2422 : -68
15 : #232a27 : -66
17 : #272f2d : -64
19 : #2c3532 : -62
21 : #313a37 : -60
23 : #35403c : -58
25 : #3a4542 : -56
27 : #3f4b47 : -54
29 : #43514c : -52
31 : #485651 : -50
33 : #4d5c57 : -48
35 : #51615c : -46
37 : #566761 : -44
39 : #5a6c66 : -42
41 : #5f726c : -40
43 : #647871 : -38
45 : #687d76 : -36
47 : #6d837b : -34
49 : #728881 : -32
51 : #778d86 : -30
53 : #7c928b : -28
55 : #829790 : -26
57 : #879b95 : -24
59 : #8da09a : -22
61 : #93a59f : -20
63 : #98a9a3 : -18
65 : #9eaea8 : -16
67 : #a3b2ad : -14
69 : #a9b7b2 : -12
71 : #aebcb7 : -10
73 : #b4c0bc : -8
75 : #bac5c1 : -6
77 : #bfcac6 : -4
79 : #c5cecb : -2
81 : #cad3d0 : ±0
83 : #d0d8d5 : +2
85 : #d5dcda : +4
87 : #dbe1df : +6
89 : #e0e5e4 : +8
91 : #e6eae9 : +10
93 : #ecefee : +12
95 : #f1f3f3 : +14
97 : #f7f8f8 : +16
99 : #fcfdfd : +18
CSS入門、作ってます。
text-shadow