#daad44
RGB
赤 | 218 |
---|---|
緑 | 173 |
青 | 68 |
HSL
色相 | 42° |
---|---|
彩度 | 67% |
明度 | 56% |
輝度 | 68% |
3桁の色
補色
反転色
RGB ( 赤 = 218, 緑 = 173, 青 = 68 )
HSL ( 色相 = 42°, 彩度 = 67%, 明度 = 56% )
H : 色相 ( 42° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #da4944 : -40
12 : #da6244 : -30
22 : #da7b44 : -20
32 : #da9444 : -10
42 : #daad44 : ±0
52 : #dac644 : +10
62 : #d5da44 : +20
72 : #bcda44 : +30
82 : #a3da44 : +40
92 : #8ada44 : +50
102 : #71da44 : +60
112 : #58da44 : +70
122 : #44da49 : +80
132 : #44da62 : +90
142 : #44da7b : +100
152 : #44da94 : +110
162 : #44daad : +120
172 : #44dac6 : +130
182 : #44d5da : +140
192 : #44bcda : +150
202 : #44a3da : +160
212 : #448ada : +170
222 : #4471da : +180
232 : #4458da : +190
242 : #4944da : +200
252 : #6244da : +210
262 : #7b44da : +220
272 : #9444da : +230
282 : #ad44da : +240
292 : #c644da : +250
302 : #da44d5 : +260
312 : #da44bc : +270
322 : #da44a3 : +280
332 : #da448a : +290
342 : #da4471 : +300
352 : #da4458 : +310
32 : #da9444 : -10
33 : #da9644 : -9
34 : #da9944 : -8
35 : #da9b44 : -7
36 : #da9e44 : -6
37 : #daa044 : -5
38 : #daa344 : -4
39 : #daa544 : -3
40 : #daa844 : -2
41 : #daaa44 : -1
42 : #daad44 : ±0
43 : #daaf44 : +1
44 : #dab244 : +2
45 : #dab444 : +3
46 : #dab744 : +4
47 : #dab944 : +5
48 : #dabc44 : +6
49 : #dabe44 : +7
50 : #dac144 : +8
51 : #dac344 : +9
52 : #dac644 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #908f8e : -66
3 : #92908b : -64
5 : #949189 : -62
7 : #979287 : -60
9 : #999385 : -58
11 : #9b9482 : -56
13 : #9d9580 : -54
15 : #a0967e : -52
17 : #a2967c : -50
19 : #a49779 : -48
21 : #a69877 : -46
23 : #a99975 : -44
25 : #ab9a73 : -42
27 : #ad9b71 : -40
29 : #af9c6e : -38
31 : #b29d6c : -36
33 : #b49e6a : -34
35 : #b69f68 : -32
37 : #b89f65 : -30
39 : #bba063 : -28
41 : #bda161 : -26
43 : #bfa25f : -24
45 : #c1a35c : -22
47 : #c4a45a : -20
49 : #c6a558 : -18
51 : #c8a656 : -16
53 : #caa753 : -14
55 : #cda751 : -12
57 : #cfa84f : -10
59 : #d1a94d : -8
61 : #d3aa4a : -6
63 : #d5ab48 : -4
65 : #d8ac46 : -2
67 : #daad44 : ±0
69 : #dcae41 : +2
71 : #deaf3f : +4
73 : #e1b03d : +6
75 : #e3b03b : +8
77 : #e5b138 : +10
79 : #e7b236 : +12
81 : #eab334 : +14
83 : #ecb432 : +16
85 : #eeb52f : +18
87 : #f0b62d : +20
89 : #f3b72b : +22
91 : #f5b829 : +24
93 : #f7b926 : +26
95 : #f9b924 : +28
97 : #fcba22 : +30
99 : #febb20 : +32
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #090602 : -54
4 : #110d03 : -52
6 : #1a1305 : -50
8 : #221a07 : -48
10 : #2b2008 : -46
12 : #33270a : -44
14 : #3c2d0c : -42
16 : #44340d : -40
18 : #4d3a0f : -38
20 : #554111 : -36
22 : #5e4713 : -34
24 : #664e14 : -32
26 : #6f5416 : -30
28 : #775b18 : -28
30 : #806119 : -26
32 : #88671b : -24
34 : #916e1d : -22
36 : #99741e : -20
38 : #a27b20 : -18
40 : #aa8122 : -16
42 : #b38823 : -14
44 : #bb8e25 : -12
46 : #c49527 : -10
48 : #cc9b28 : -8
50 : #d5a22a : -6
52 : #d7a533 : -4
54 : #d8a93b : -2
56 : #daad44 : ±0
58 : #dcb14c : +2
60 : #ddb455 : +4
62 : #dfb85d : +6
64 : #e1bc66 : +8
66 : #e2c06e : +10
68 : #e4c377 : +12
70 : #e6c77f : +14
72 : #e7cb88 : +16
74 : #e9ce90 : +18
76 : #ebd299 : +20
78 : #ecd6a1 : +22
80 : #eedaaa : +24
82 : #f0ddb2 : +26
84 : #f2e1bb : +28
86 : #f3e5c3 : +30
88 : #f5e9cc : +32
90 : #f7ecd4 : +34
92 : #f8f0dd : +36
94 : #faf4e5 : +38
96 : #fcf8ee : +40
98 : #fdfbf6 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow