#d5cc8b
RGB
赤 | 213 |
---|---|
緑 | 204 |
青 | 139 |
HSL
色相 | 53° |
---|---|
彩度 | 47% |
明度 | 69% |
輝度 | 78% |
3桁の色
補色
反転色
RGB ( 赤 = 213, 緑 = 204, 青 = 139 )
HSL ( 色相 = 53°, 彩度 = 47%, 明度 = 69% )
H : 色相 ( 53° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #d58f8b : -50
13 : #d59b8b : -40
23 : #d5a78b : -30
33 : #d5b48b : -20
43 : #d5c08b : -10
53 : #d5cc8b : ±0
63 : #d1d58b : +10
73 : #c5d58b : +20
83 : #b9d58b : +30
93 : #acd58b : +40
103 : #a0d58b : +50
113 : #93d58b : +60
123 : #8bd58f : +70
133 : #8bd59b : +80
143 : #8bd5a7 : +90
153 : #8bd5b4 : +100
163 : #8bd5c0 : +110
173 : #8bd5cc : +120
183 : #8bd1d5 : +130
193 : #8bc5d5 : +140
203 : #8bb9d5 : +150
213 : #8bacd5 : +160
223 : #8ba0d5 : +170
233 : #8b93d5 : +180
243 : #8f8bd5 : +190
253 : #9b8bd5 : +200
263 : #a78bd5 : +210
273 : #b48bd5 : +220
283 : #c08bd5 : +230
293 : #cc8bd5 : +240
303 : #d58bd1 : +250
313 : #d58bc5 : +260
323 : #d58bb9 : +270
333 : #d58bac : +280
343 : #d58ba0 : +290
353 : #d58b93 : +300
43 : #d5c08b : -10
44 : #d5c18b : -9
45 : #d5c38b : -8
46 : #d5c48b : -7
47 : #d5c58b : -6
48 : #d5c68b : -5
49 : #d5c78b : -4
50 : #d5c98b : -3
51 : #d5ca8b : -2
52 : #d5cb8b : -1
53 : #d5cc8b : ±0
54 : #d5ce8b : +1
55 : #d5cf8b : +2
56 : #d5d08b : +3
57 : #d5d18b : +4
58 : #d5d38b : +5
59 : #d5d48b : +6
60 : #d5d58b : +7
61 : #d4d58b : +8
62 : #d3d58b : +9
63 : #d1d58b : +10
S : 彩度 ( 47% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b1b1af : -46
3 : #b2b2ae : -44
5 : #b4b3ac : -42
7 : #b5b4aa : -40
9 : #b7b5a9 : -38
11 : #b9b7a7 : -36
13 : #bab8a6 : -34
15 : #bcb9a4 : -32
17 : #bdbaa3 : -30
19 : #bfbba1 : -28
21 : #c1bd9f : -26
23 : #c2be9e : -24
25 : #c4bf9c : -22
27 : #c5c09b : -20
29 : #c7c299 : -18
31 : #c8c397 : -16
33 : #cac496 : -14
35 : #ccc594 : -12
37 : #cdc693 : -10
39 : #cfc891 : -8
41 : #d0c990 : -6
43 : #d2ca8e : -4
45 : #d4cb8c : -2
47 : #d5cc8b : ±0
49 : #d7ce89 : +2
51 : #d8cf88 : +4
53 : #dad086 : +6
55 : #dbd184 : +8
57 : #ddd283 : +10
59 : #dfd481 : +12
61 : #e0d580 : +14
63 : #e2d67e : +16
65 : #e3d77d : +18
67 : #e5d97b : +20
69 : #e6da79 : +22
71 : #e8db78 : +24
73 : #eadc76 : +26
75 : #ebdd75 : +28
77 : #eddf73 : +30
79 : #eee072 : +32
81 : #f0e170 : +34
83 : #f2e26e : +36
85 : #f3e36d : +38
87 : #f5e56b : +40
89 : #f6e66a : +42
91 : #f8e768 : +44
93 : #f9e866 : +46
95 : #fbea65 : +48
97 : #fdeb63 : +50
99 : #feec62 : +52
L : 明度 ( 69% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -68
3 : #0b0a04 : -66
5 : #131107 : -64
7 : #1a1809 : -62
9 : #221f0c : -60
11 : #29260f : -58
13 : #312d12 : -56
15 : #383414 : -54
17 : #403b17 : -52
19 : #47421a : -50
21 : #4f491c : -48
23 : #56501f : -46
25 : #5e5722 : -44
27 : #655e24 : -42
29 : #6d6527 : -40
31 : #746c2a : -38
33 : #7c722d : -36
35 : #83792f : -34
37 : #8b8032 : -32
39 : #928735 : -30
41 : #9a8e37 : -28
43 : #a1953a : -26
45 : #a99c3d : -24
47 : #b0a340 : -22
49 : #b8aa42 : -20
51 : #bdaf47 : -18
53 : #bfb24f : -16
55 : #c2b656 : -14
57 : #c5b95e : -12
59 : #c8bc65 : -10
61 : #cabf6d : -8
63 : #cdc374 : -6
65 : #d0c67c : -4
67 : #d2c983 : -2
69 : #d5cc8b : ±0
71 : #d8d092 : +2
73 : #dbd39a : +4
75 : #ddd6a1 : +6
77 : #e0d9a9 : +8
79 : #e3ddb0 : +10
81 : #e5e0b8 : +12
83 : #e8e3bf : +14
85 : #ebe7c7 : +16
87 : #edeace : +18
89 : #f0edd6 : +20
91 : #f3f0dd : +22
93 : #f6f4e5 : +24
95 : #f8f7ec : +26
97 : #fbfaf4 : +28
99 : #fefdfb : +30
CSS入門、作ってます。
text-shadow