#f0d0b8
RGB
赤 | 240 |
---|---|
緑 | 208 |
青 | 184 |
HSL
色相 | 26° |
---|---|
彩度 | 65% |
明度 | 83% |
輝度 | 84% |
3桁の色
補色
反転色
RGB ( 赤 = 240, 緑 = 208, 青 = 184 )
HSL ( 色相 = 26°, 彩度 = 65%, 明度 = 83% )
H : 色相 ( 26° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #f0bdb7 : -20
16 : #f0c7b7 : -10
26 : #f0d0b7 : ±0
36 : #f0d9b7 : +10
46 : #f0e3b7 : +20
56 : #f0ecb7 : +30
66 : #eaf0b7 : +40
76 : #e1f0b7 : +50
86 : #d7f0b7 : +60
96 : #cef0b7 : +70
106 : #c5f0b7 : +80
116 : #bbf0b7 : +90
126 : #b7f0bd : +100
136 : #b7f0c7 : +110
146 : #b7f0d0 : +120
156 : #b7f0d9 : +130
166 : #b7f0e3 : +140
176 : #b7f0ec : +150
186 : #b7eaf0 : +160
196 : #b7e1f0 : +170
206 : #b7d7f0 : +180
216 : #b7cef0 : +190
226 : #b7c5f0 : +200
236 : #b7bbf0 : +210
246 : #bdb7f0 : +220
256 : #c7b7f0 : +230
266 : #d0b7f0 : +240
276 : #d9b7f0 : +250
286 : #e3b7f0 : +260
296 : #ecb7f0 : +270
306 : #f0b7ea : +280
316 : #f0b7e1 : +290
326 : #f0b7d7 : +300
336 : #f0b7ce : +310
346 : #f0b7c5 : +320
356 : #f0b7bb : +330
16 : #f0c7b7 : -10
17 : #f0c7b7 : -9
18 : #f0c8b7 : -8
19 : #f0c9b7 : -7
20 : #f0cab7 : -6
21 : #f0cbb7 : -5
22 : #f0ccb7 : -4
23 : #f0cdb7 : -3
24 : #f0ceb7 : -2
25 : #f0cfb7 : -1
26 : #f0d0b7 : ±0
27 : #f0d1b7 : +1
28 : #f0d2b7 : +2
29 : #f0d3b7 : +3
30 : #f0d4b7 : +4
31 : #f0d5b7 : +5
32 : #f0d6b7 : +6
33 : #f0d6b7 : +7
34 : #f0d7b7 : +8
35 : #f0d8b7 : +9
36 : #f0d9b7 : +10
S : 彩度 ( 65% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d4d4d3 : -64
3 : #d5d3d2 : -62
5 : #d6d3d1 : -60
7 : #d7d3d1 : -58
9 : #d8d3d0 : -56
11 : #d8d3cf : -54
13 : #d9d3ce : -52
15 : #dad3cd : -50
17 : #dbd3cc : -48
19 : #dcd3cb : -46
21 : #ddd2cb : -44
23 : #ded2ca : -42
25 : #ded2c9 : -40
27 : #dfd2c8 : -38
29 : #e0d2c7 : -36
31 : #e1d2c6 : -34
33 : #e2d2c5 : -32
35 : #e3d2c4 : -30
37 : #e4d2c4 : -28
39 : #e5d1c3 : -26
41 : #e5d1c2 : -24
43 : #e6d1c1 : -22
45 : #e7d1c0 : -20
47 : #e8d1bf : -18
49 : #e9d1be : -16
51 : #ead1be : -14
53 : #ebd1bd : -12
55 : #ebd0bc : -10
57 : #ecd0bb : -8
59 : #edd0ba : -6
61 : #eed0b9 : -4
63 : #efd0b8 : -2
65 : #f0d0b7 : ±0
67 : #f1d0b7 : +2
69 : #f2d0b6 : +4
71 : #f2d0b5 : +6
73 : #f3cfb4 : +8
75 : #f4cfb3 : +10
77 : #f5cfb2 : +12
79 : #f6cfb1 : +14
81 : #f7cfb1 : +16
83 : #f8cfb0 : +18
85 : #f8cfaf : +20
87 : #f9cfae : +22
89 : #facfad : +24
91 : #fbceac : +26
93 : #fcceab : +28
95 : #fdceaa : +30
97 : #feceaa : +32
99 : #ffcea9 : +34
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -82
3 : #0d0703 : -80
5 : #150c04 : -78
7 : #1d1006 : -76
9 : #261508 : -74
11 : #2e1a0a : -72
13 : #371e0c : -70
15 : #3f230d : -68
17 : #48280f : -66
19 : #502c11 : -64
21 : #583113 : -62
23 : #613615 : -60
25 : #693a16 : -58
27 : #723f18 : -56
29 : #7a441a : -54
31 : #82481c : -52
33 : #8b4d1d : -50
35 : #93521f : -48
37 : #9c5621 : -46
39 : #a45b23 : -44
41 : #ad5f25 : -42
43 : #b56426 : -40
45 : #bd6928 : -38
47 : #c66d2a : -36
49 : #ce722c : -34
51 : #d37731 : -32
53 : #d57d39 : -30
55 : #d78242 : -28
57 : #d9884a : -26
59 : #da8d52 : -24
61 : #dc935b : -22
63 : #de9863 : -20
65 : #e09e6c : -18
67 : #e2a474 : -16
69 : #e3a97d : -14
71 : #e5af85 : -12
73 : #e7b48d : -10
75 : #e9ba96 : -8
77 : #eabf9e : -6
79 : #ecc5a7 : -4
81 : #eecaaf : -2
83 : #f0d0b7 : ±0
85 : #f2d5c0 : +2
87 : #f3dbc8 : +4
89 : #f5e1d1 : +6
91 : #f7e6d9 : +8
93 : #f9ece2 : +10
95 : #fbf1ea : +12
97 : #fcf7f2 : +14
99 : #fefcfb : +16
CSS入門、作ってます。
text-shadow