#ba240d
RGB ( 赤 = 186, 緑 = 36, 青 = 13 )
HSL ( 色相 = 8°, 彩度 = 87%, 明度 = 39% )
H : 色相 ( 8° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ba240d : ±0
18 : #ba410d : +10
28 : #ba5e0d : +20
38 : #ba7b0d : +30
48 : #ba970d : +40
58 : #bab40d : +50
68 : #a3ba0d : +60
78 : #86ba0d : +70
88 : #69ba0d : +80
98 : #4cba0d : +90
108 : #30ba0d : +100
118 : #13ba0d : +110
128 : #0dba24 : +120
138 : #0dba41 : +130
148 : #0dba5e : +140
158 : #0dba7b : +150
168 : #0dba97 : +160
178 : #0dbab4 : +170
188 : #0da3ba : +180
198 : #0d86ba : +190
208 : #0d69ba : +200
218 : #0d4cba : +210
228 : #0d30ba : +220
238 : #0d13ba : +230
248 : #240dba : +240
258 : #410dba : +250
268 : #5e0dba : +260
278 : #7b0dba : +270
288 : #970dba : +280
298 : #b40dba : +290
308 : #ba0da3 : +300
318 : #ba0d86 : +310
328 : #ba0d69 : +320
338 : #ba0d4c : +330
348 : #ba0d30 : +340
358 : #ba0d13 : +350
358 : #ba0d13 : +350
359 : #ba0d10 : +351
0 : #ba0d0d : -8
1 : #ba100d : -7
2 : #ba130d : -6
3 : #ba160d : -5
4 : #ba180d : -4
5 : #ba1b0d : -3
6 : #ba1e0d : -2
7 : #ba210d : -1
8 : #ba240d : ±0
9 : #ba270d : +1
10 : #ba2a0d : +2
11 : #ba2d0d : +3
12 : #ba300d : +4
13 : #ba320d : +5
14 : #ba350d : +6
15 : #ba380d : +7
16 : #ba3b0d : +8
17 : #ba3e0d : +9
18 : #ba410d : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646362 : -86
3 : #666160 : -84
5 : #68605e : -82
7 : #6a5e5c : -80
9 : #6c5d5a : -78
11 : #6e5b59 : -76
13 : #705a57 : -74
15 : #725955 : -72
17 : #745753 : -70
19 : #765651 : -68
21 : #78544f : -66
23 : #7a534d : -64
25 : #7c514b : -62
27 : #7e5049 : -60
29 : #804e47 : -58
31 : #824d45 : -56
33 : #844b43 : -54
35 : #864a41 : -52
37 : #88483f : -50
39 : #8a473d : -48
41 : #8c463b : -46
43 : #8e4439 : -44
45 : #904337 : -42
47 : #924135 : -40
49 : #944033 : -38
51 : #963e31 : -36
53 : #983d2f : -34
55 : #9a3b2d : -32
57 : #9c3a2b : -30
59 : #9e3829 : -28
61 : #a03727 : -26
63 : #a23625 : -24
65 : #a43423 : -22
67 : #a63321 : -20
69 : #a8311f : -18
71 : #aa301d : -16
73 : #ac2e1b : -14
75 : #ae2d19 : -12
77 : #b02b17 : -10
79 : #b22a15 : -8
81 : #b42813 : -6
83 : #b62711 : -4
85 : #b8250f : -2
87 : #ba240d : ±0
89 : #bc230b : +2
91 : #be2109 : +4
93 : #c02007 : +6
95 : #c21e05 : +8
97 : #c41d03 : +10
99 : #c61b01 : +12
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -38
3 : #0e0301 : -36
5 : #180502 : -34
7 : #210602 : -32
9 : #2b0803 : -30
11 : #340a04 : -28
13 : #3e0c04 : -26
15 : #480e05 : -24
17 : #511006 : -22
19 : #5b1206 : -20
21 : #641307 : -18
23 : #6e1508 : -16
25 : #771708 : -14
27 : #811909 : -12
29 : #8a1b0a : -10
31 : #941d0a : -8
33 : #9d1e0b : -6
35 : #a7200c : -4
37 : #b0220c : -2
39 : #ba240d : ±0
41 : #c4260e : +2
43 : #cd280e : +4
45 : #d72a0f : +6
47 : #e02b10 : +8
49 : #ea2d10 : +10
51 : #ef3215 : +12
53 : #ef3b1f : +14
55 : #f04328 : +16
57 : #f14b32 : +18
59 : #f1543b : +20
61 : #f25c45 : +22
63 : #f3644f : +24
65 : #f36d58 : +26
67 : #f47562 : +28
69 : #f57e6b : +30
71 : #f58675 : +32
73 : #f68e7e : +34
75 : #f79788 : +36
77 : #f79f91 : +38
79 : #f8a79b : +40
81 : #f9b0a4 : +42
83 : #f9b8ae : +44
85 : #fac0b7 : +46
87 : #fbc9c1 : +48
89 : #fbd1cb : +50
91 : #fcd9d4 : +52
93 : #fde2de : +54
95 : #fdeae7 : +56
97 : #fef2f1 : +58
99 : #fffbfa : +60
CSS入門、作ってます。
text-shadow