#ddd1cb
RGB
赤 | 221 |
---|---|
緑 | 209 |
青 | 203 |
HSL
色相 | 20° |
---|---|
彩度 | 21% |
明度 | 83% |
輝度 | 83% |
3桁の色
補色
反転色
RGB ( 赤 = 221, 緑 = 209, 青 = 203 )
HSL ( 色相 = 20°, 彩度 = 21%, 明度 = 83% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ddcbcb : -20
10 : #ddcecb : -10
20 : #ddd1cb : ±0
30 : #ddd4cb : +10
40 : #ddd7cb : +20
50 : #dddacb : +30
60 : #ddddcb : +40
70 : #daddcb : +50
80 : #d7ddcb : +60
90 : #d4ddcb : +70
100 : #d1ddcb : +80
110 : #ceddcb : +90
120 : #cbddcb : +100
130 : #cbddce : +110
140 : #cbddd1 : +120
150 : #cbddd4 : +130
160 : #cbddd7 : +140
170 : #cbddda : +150
180 : #cbdddd : +160
190 : #cbdadd : +170
200 : #cbd7dd : +180
210 : #cbd4dd : +190
220 : #cbd1dd : +200
230 : #cbcedd : +210
240 : #cbcbdd : +220
250 : #cecbdd : +230
260 : #d1cbdd : +240
270 : #d4cbdd : +250
280 : #d7cbdd : +260
290 : #dacbdd : +270
300 : #ddcbdd : +280
310 : #ddcbda : +290
320 : #ddcbd7 : +300
330 : #ddcbd4 : +310
340 : #ddcbd1 : +320
350 : #ddcbce : +330
10 : #ddcecb : -10
11 : #ddcecb : -9
12 : #ddcecb : -8
13 : #ddcecb : -7
14 : #ddcfcb : -6
15 : #ddcfcb : -5
16 : #ddcfcb : -4
17 : #ddd0cb : -3
18 : #ddd0cb : -2
19 : #ddd0cb : -1
20 : #ddd1cb : ±0
21 : #ddd1cb : +1
22 : #ddd1cb : +2
23 : #ddd2cb : +3
24 : #ddd2cb : +4
25 : #ddd2cb : +5
26 : #ddd2cb : +6
27 : #ddd3cb : +7
28 : #ddd3cb : +8
29 : #ddd3cb : +9
30 : #ddd4cb : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d4d4d3 : -20
3 : #d5d3d2 : -18
5 : #d6d3d1 : -16
7 : #d7d3d1 : -14
9 : #d8d2d0 : -12
11 : #d8d2cf : -10
13 : #d9d2ce : -8
15 : #dad1cd : -6
17 : #dbd1cc : -4
19 : #dcd1cb : -2
21 : #ddd1cb : ±0
23 : #ded0ca : +2
25 : #ded0c9 : +4
27 : #dfd0c8 : +6
29 : #e0cfc7 : +8
31 : #e1cfc6 : +10
33 : #e2cfc5 : +12
35 : #e3cfc4 : +14
37 : #e4cec4 : +16
39 : #e5cec3 : +18
41 : #e5cec2 : +20
43 : #e6cdc1 : +22
45 : #e7cdc0 : +24
47 : #e8cdbf : +26
49 : #e9cdbe : +28
51 : #eaccbe : +30
53 : #ebccbd : +32
55 : #ebccbc : +34
57 : #eccbbb : +36
59 : #edcbba : +38
61 : #eecbb9 : +40
63 : #efcbb8 : +42
65 : #f0cab7 : +44
67 : #f1cab7 : +46
69 : #f2cab6 : +48
71 : #f2c9b5 : +50
73 : #f3c9b4 : +52
75 : #f4c9b3 : +54
77 : #f5c9b2 : +56
79 : #f6c8b1 : +58
81 : #f7c8b1 : +60
83 : #f8c8b0 : +62
85 : #f8c7af : +64
87 : #f9c7ae : +66
89 : #fac7ad : +68
91 : #fbc7ac : +70
93 : #fcc6ab : +72
95 : #fdc6aa : +74
97 : #fec6aa : +76
99 : #ffc5a9 : +78
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -82
3 : #090706 : -80
5 : #0f0c0a : -78
7 : #16110e : -76
9 : #1c1512 : -74
11 : #221a16 : -72
13 : #281f1a : -70
15 : #2e241e : -68
17 : #342822 : -66
19 : #3b2d26 : -64
21 : #41322a : -62
23 : #47372e : -60
25 : #4d3b32 : -58
27 : #534036 : -56
29 : #59453a : -54
31 : #604a3e : -52
33 : #664e42 : -50
35 : #6c5347 : -48
37 : #72584b : -46
39 : #785c4f : -44
41 : #7f6153 : -42
43 : #856657 : -40
45 : #8b6b5b : -38
47 : #916f5f : -36
49 : #977463 : -34
51 : #9c7968 : -32
53 : #a07f6e : -30
55 : #a48474 : -28
57 : #a88a7a : -26
59 : #ac8f80 : -24
61 : #b09587 : -22
63 : #b49a8d : -20
65 : #b8a093 : -18
67 : #bda599 : -16
69 : #c1aa9f : -14
71 : #c5b0a6 : -12
73 : #c9b5ac : -10
75 : #cdbbb2 : -8
77 : #d1c0b8 : -6
79 : #d5c6be : -4
81 : #d9cbc4 : -2
83 : #ddd1cb : ±0
85 : #e1d6d1 : +2
87 : #e5dcd7 : +4
89 : #e9e1dd : +6
91 : #ede6e3 : +8
93 : #f1ece9 : +10
95 : #f5f1f0 : +12
97 : #f9f7f6 : +14
99 : #fdfcfc : +16
CSS入門、作ってます。
text-shadow