#daaa1b
RGB
赤 | 218 |
---|---|
緑 | 170 |
青 | 27 |
HSL
色相 | 45° |
---|---|
彩度 | 78% |
明度 | 48% |
輝度 | 66% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 218, 緑 = 170, 青 = 27 )
HSL ( 色相 = 45°, 彩度 = 78%, 明度 = 48% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #da2b1b : -40
15 : #da4b1b : -30
25 : #da6a1b : -20
35 : #da8a1b : -10
45 : #daaa1b : ±0
55 : #daca1b : +10
65 : #cada1b : +20
75 : #aada1b : +30
85 : #8ada1b : +40
95 : #6ada1b : +50
105 : #4bda1b : +60
115 : #2bda1b : +70
125 : #1bda2b : +80
135 : #1bda4b : +90
145 : #1bda6a : +100
155 : #1bda8a : +110
165 : #1bdaaa : +120
175 : #1bdaca : +130
185 : #1bcada : +140
195 : #1baada : +150
205 : #1b8ada : +160
215 : #1b6ada : +170
225 : #1b4bda : +180
235 : #1b2bda : +190
245 : #2b1bda : +200
255 : #4b1bda : +210
265 : #6a1bda : +220
275 : #8a1bda : +230
285 : #aa1bda : +240
295 : #ca1bda : +250
305 : #da1bca : +260
315 : #da1baa : +270
325 : #da1b8a : +280
335 : #da1b6a : +290
345 : #da1b4b : +300
355 : #da1b2b : +310
35 : #da8a1b : -10
36 : #da8d1b : -9
37 : #da911b : -8
38 : #da941b : -7
39 : #da971b : -6
40 : #da9a1b : -5
41 : #da9d1b : -4
42 : #daa11b : -3
43 : #daa41b : -2
44 : #daa71b : -1
45 : #daaa1b : ±0
46 : #daad1b : +1
47 : #dab11b : +2
48 : #dab41b : +3
49 : #dab71b : +4
50 : #daba1b : +5
51 : #dabd1b : +6
52 : #dac01b : +7
53 : #dac41b : +8
54 : #dac71b : +9
55 : #daca1b : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -78
2 : #7d7c78 : -76
4 : #7f7d76 : -74
6 : #827e73 : -72
8 : #847f71 : -70
10 : #87816e : -68
12 : #89826c : -66
14 : #8c8369 : -64
16 : #8e8467 : -62
18 : #908564 : -60
20 : #938762 : -58
22 : #95885f : -56
24 : #98895d : -54
26 : #9a8a5b : -52
28 : #9d8c58 : -50
30 : #9f8d56 : -48
32 : #a28e53 : -46
34 : #a48f51 : -44
36 : #a6904e : -42
38 : #a9924c : -40
40 : #ab9349 : -38
42 : #ae9447 : -36
44 : #b09545 : -34
46 : #b39742 : -32
48 : #b59840 : -30
50 : #b8993d : -28
52 : #ba9a3b : -26
54 : #bc9b38 : -24
56 : #bf9d36 : -22
58 : #c19e33 : -20
60 : #c49f31 : -18
62 : #c6a02f : -16
64 : #c9a22c : -14
66 : #cba32a : -12
68 : #cea427 : -10
70 : #d0a525 : -8
72 : #d3a622 : -6
74 : #d5a820 : -4
76 : #d7a91d : -2
78 : #daaa1b : ±0
80 : #dcab18 : +2
82 : #dfad16 : +4
84 : #e1ae14 : +6
86 : #e4af11 : +8
88 : #e6b00f : +10
90 : #e9b10c : +12
92 : #ebb30a : +14
94 : #edb407 : +16
96 : #f0b505 : +18
98 : #f2b602 : +20
100 : #f5b800 : +22
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #090701 : -46
4 : #120e02 : -44
6 : #1b1503 : -42
8 : #241c04 : -40
10 : #2d2306 : -38
12 : #362b07 : -36
14 : #403208 : -34
16 : #493909 : -32
18 : #52400a : -30
20 : #5b470b : -28
22 : #644e0c : -26
24 : #6d550d : -24
26 : #765c0f : -22
28 : #7f6310 : -20
30 : #886a11 : -18
32 : #917112 : -16
34 : #9a7913 : -14
36 : #a38014 : -12
38 : #ac8715 : -10
40 : #b68e16 : -8
42 : #bf9518 : -6
44 : #c89c19 : -4
46 : #d1a31a : -2
48 : #daaa1b : ±0
50 : #e3b11c : +2
52 : #e4b425 : +4
54 : #e5b72e : +6
56 : #e6bb37 : +8
58 : #e7be40 : +10
60 : #e9c149 : +12
62 : #eac453 : +14
64 : #ebc75c : +16
66 : #ecca65 : +18
68 : #edcd6e : +20
70 : #eed077 : +22
72 : #efd380 : +24
74 : #f0d789 : +26
76 : #f2da92 : +28
78 : #f3dd9b : +30
80 : #f4e0a4 : +32
82 : #f5e3ad : +34
84 : #f6e6b6 : +36
86 : #f7e9bf : +38
88 : #f8ecc9 : +40
90 : #f9efd2 : +42
92 : #fbf3db : +44
94 : #fcf6e4 : +46
96 : #fdf9ed : +48
98 : #fefcf6 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow