#dac186
RGB
| 赤 | 218 |
|---|---|
| 緑 | 193 |
| 青 | 134 |
HSL
| 色相 | 42° |
|---|---|
| 彩度 | 53% |
| 明度 | 69% |
| 輝度 | 76% |
３桁の色
補色
反転色
RGB ( 赤 = 218, 緑 = 193, 青 = 134 )
HSL ( 色相 = 42°, 彩度 = 53%, 明度 = 69% )
H : 色相 ( 42° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #da8986 : -40
12 : #da9786 : -30
22 : #daa586 : -20
32 : #dab386 : -10
42 : #dac186 : ±0
52 : #dacf86 : +10
62 : #d7da86 : +20
72 : #c9da86 : +30
82 : #bbda86 : +40
92 : #adda86 : +50
102 : #9fda86 : +60
112 : #91da86 : +70
122 : #86da89 : +80
132 : #86da97 : +90
142 : #86daa5 : +100
152 : #86dab3 : +110
162 : #86dac1 : +120
172 : #86dacf : +130
182 : #86d7da : +140
192 : #86c9da : +150
202 : #86bbda : +160
212 : #86adda : +170
222 : #869fda : +180
232 : #8691da : +190
242 : #8986da : +200
252 : #9786da : +210
262 : #a586da : +220
272 : #b386da : +230
282 : #c186da : +240
292 : #cf86da : +250
302 : #da86d7 : +260
312 : #da86c9 : +270
322 : #da86bb : +280
332 : #da86ad : +290
342 : #da869f : +300
352 : #da8691 : +310
32 : #dab386 : -10
33 : #dab486 : -9
34 : #dab686 : -8
35 : #dab786 : -7
36 : #dab886 : -6
37 : #daba86 : -5
38 : #dabb86 : -4
39 : #dabd86 : -3
40 : #dabe86 : -2
41 : #dabf86 : -1
42 : #dac186 : ±0
43 : #dac286 : +1
44 : #dac486 : +2
45 : #dac586 : +3
46 : #dac686 : +4
47 : #dac886 : +5
48 : #dac986 : +6
49 : #daca86 : +7
50 : #dacc86 : +8
51 : #dacd86 : +9
52 : #dacf86 : +10
S : 彩度 ( 53% )
(0%) 渋い ～ 鮮やか (100%)
1 : #b1b0af : -52
3 : #b2b1ae : -50
5 : #b4b2ac : -48
7 : #b5b2aa : -46
9 : #b7b3a9 : -44
11 : #b9b3a7 : -42
13 : #bab4a6 : -40
15 : #bcb5a4 : -38
17 : #bdb5a3 : -36
19 : #bfb6a1 : -34
21 : #c1b79f : -32
23 : #c2b79e : -30
25 : #c4b89c : -28
27 : #c5b89b : -26
29 : #c7b999 : -24
31 : #c8ba97 : -22
33 : #caba96 : -20
35 : #ccbb94 : -18
37 : #cdbc93 : -16
39 : #cfbc91 : -14
41 : #d0bd90 : -12
43 : #d2be8e : -10
45 : #d4be8c : -8
47 : #d5bf8b : -6
49 : #d7bf89 : -4
51 : #d8c088 : -2
53 : #dac186 : ±0
55 : #dbc184 : +2
57 : #ddc283 : +4
59 : #dfc381 : +6
61 : #e0c380 : +8
63 : #e2c47e : +10
65 : #e3c57d : +12
67 : #e5c57b : +14
69 : #e6c679 : +16
71 : #e8c678 : +18
73 : #eac776 : +20
75 : #ebc875 : +22
77 : #edc873 : +24
79 : #eec972 : +26
81 : #f0ca70 : +28
83 : #f2ca6e : +30
85 : #f3cb6d : +32
87 : #f5cb6b : +34
89 : #f6cc6a : +36
91 : #f8cd68 : +38
93 : #f9cd66 : +40
95 : #fbce65 : +42
97 : #fdcf63 : +44
99 : #fecf62 : +46
L : 明度 ( 69% )
(0%) 暗い ～ 明るい (100%)
1 : #040301 : -68
3 : #0c0904 : -66
5 : #140f06 : -64
7 : #1b1608 : -62
9 : #231c0b : -60
11 : #2b220d : -58
13 : #332810 : -56
15 : #3b2e12 : -54
17 : #423514 : -52
19 : #4a3b17 : -50
21 : #524119 : -48
23 : #5a471c : -46
25 : #624d1e : -44
27 : #695320 : -42
29 : #715a23 : -40
31 : #796025 : -38
33 : #816628 : -36
35 : #896c2a : -34
37 : #90722c : -32
39 : #98792f : -30
41 : #a07f31 : -28
43 : #a88534 : -26
45 : #b08b36 : -24
47 : #b79138 : -22
49 : #bf973b : -20
51 : #c49d40 : -18
53 : #c7a148 : -16
55 : #c9a54f : -14
57 : #cba957 : -12
59 : #cead5f : -10
61 : #d0b167 : -8
63 : #d3b56f : -6
65 : #d5b976 : -4
67 : #d7bd7e : -2
69 : #dac186 : ±0
71 : #dcc58e : +2
73 : #dfc996 : +4
75 : #e1cd9d : +6
77 : #e3d1a5 : +8
79 : #e6d5ad : +10
81 : #e8d9b5 : +12
83 : #ebddbd : +14
85 : #ede1c4 : +16
87 : #efe5cc : +18
89 : #f2e9d4 : +20
91 : #f4eddc : +22
93 : #f7f1e4 : +24
95 : #f9f5eb : +26
97 : #fbf9f3 : +28
99 : #fefdfb : +30
CSS入門、作ってます。
text-shadow