#dbaa14
RGB
赤 | 219 |
---|---|
緑 | 170 |
青 | 20 |
HSL
色相 | 45° |
---|---|
彩度 | 83% |
明度 | 47% |
輝度 | 66% |
3桁の色
補色
反転色
RGB ( 赤 = 219, 緑 = 170, 青 = 20 )
HSL ( 色相 = 45°, 彩度 = 83%, 明度 = 47% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #db2514 : -40
15 : #db4614 : -30
25 : #db6714 : -20
35 : #db8814 : -10
45 : #dbaa14 : ±0
55 : #dbcb14 : +10
65 : #cbdb14 : +20
75 : #aadb14 : +30
85 : #88db14 : +40
95 : #67db14 : +50
105 : #46db14 : +60
115 : #25db14 : +70
125 : #14db25 : +80
135 : #14db46 : +90
145 : #14db67 : +100
155 : #14db88 : +110
165 : #14dbaa : +120
175 : #14dbcb : +130
185 : #14cbdb : +140
195 : #14aadb : +150
205 : #1488db : +160
215 : #1467db : +170
225 : #1446db : +180
235 : #1425db : +190
245 : #2514db : +200
255 : #4614db : +210
265 : #6714db : +220
275 : #8814db : +230
285 : #aa14db : +240
295 : #cb14db : +250
305 : #db14cb : +260
315 : #db14aa : +270
325 : #db1488 : +280
335 : #db1467 : +290
345 : #db1446 : +300
355 : #db1425 : +310
35 : #db8814 : -10
36 : #db8c14 : -9
37 : #db8f14 : -8
38 : #db9214 : -7
39 : #db9614 : -6
40 : #db9914 : -5
41 : #db9c14 : -4
42 : #dba014 : -3
43 : #dba314 : -2
44 : #dba614 : -1
45 : #dbaa14 : ±0
46 : #dbad14 : +1
47 : #dbb014 : +2
48 : #dbb414 : +3
49 : #dbb714 : +4
50 : #dbba14 : +5
51 : #dbbd14 : +6
52 : #dbc114 : +7
53 : #dbc414 : +8
54 : #dbc714 : +9
55 : #dbcb14 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #797877 : -82
3 : #7b7a74 : -80
5 : #7e7b72 : -78
7 : #807c6f : -76
9 : #837d6d : -74
11 : #857e6b : -72
13 : #878068 : -70
15 : #8a8166 : -68
17 : #8c8263 : -66
19 : #8f8361 : -64
21 : #91845f : -62
23 : #93865c : -60
25 : #96875a : -58
27 : #988857 : -56
29 : #9b8955 : -54
31 : #9d8a53 : -52
33 : #9f8c50 : -50
35 : #a28d4e : -48
37 : #a48e4c : -46
39 : #a78f49 : -44
41 : #a99047 : -42
43 : #ab9244 : -40
45 : #ae9342 : -38
47 : #b09440 : -36
49 : #b3953d : -34
51 : #b5963b : -32
53 : #b79838 : -30
55 : #ba9936 : -28
57 : #bc9a34 : -26
59 : #bf9b31 : -24
61 : #c19c2f : -22
63 : #c39e2c : -20
65 : #c69f2a : -18
67 : #c8a028 : -16
69 : #cba125 : -14
71 : #cda223 : -12
73 : #cfa420 : -10
75 : #d2a51e : -8
77 : #d4a61c : -6
79 : #d7a719 : -4
81 : #d9a817 : -2
83 : #dbaa14 : ±0
85 : #deab12 : +2
87 : #e0ac10 : +4
89 : #e3ad0d : +6
91 : #e5ae0b : +8
93 : #e7b008 : +10
95 : #eab106 : +12
97 : #ecb204 : +14
99 : #efb301 : +16
L : 明度 ( 47% )
(0%) 暗い ~ 明るい (100%)
1 : #050400 : -46
3 : #0e0b01 : -44
5 : #171202 : -42
7 : #211903 : -40
9 : #2a2004 : -38
11 : #332805 : -36
13 : #3d2f06 : -34
15 : #463607 : -32
17 : #4f3d07 : -30
19 : #594508 : -28
21 : #624c09 : -26
23 : #6b530a : -24
25 : #755a0b : -22
27 : #7e610c : -20
29 : #87690d : -18
31 : #91700d : -16
33 : #9a770e : -14
35 : #a37e0f : -12
37 : #ad8610 : -10
39 : #b68d11 : -8
41 : #bf9412 : -6
43 : #c99b13 : -4
45 : #d2a214 : -2
47 : #dbaa14 : ±0
49 : #e5b115 : +2
51 : #eab61a : +4
53 : #ebb924 : +6
55 : #ebbc2d : +8
57 : #ecbf36 : +10
59 : #edc240 : +12
61 : #eec549 : +14
63 : #efc852 : +16
65 : #f0cb5c : +18
67 : #f1ce65 : +20
69 : #f2d16e : +22
71 : #f2d478 : +24
73 : #f3d781 : +26
75 : #f4da8a : +28
77 : #f5dd94 : +30
79 : #f6e09d : +32
81 : #f7e3a6 : +34
83 : #f8e6b0 : +36
85 : #f8e9b9 : +38
87 : #f9ecc2 : +40
89 : #faefcc : +42
91 : #fbf2d5 : +44
93 : #fcf5de : +46
95 : #fdf8e8 : +48
97 : #fefbf1 : +50
99 : #fffefa : +52
CSS入門、作ってます。
text-shadow