#c43003
RGB ( 赤 = 196, 緑 = 48, 青 = 3 )
HSL ( 色相 = 14°, 彩度 = 97%, 明度 = 39% )
H : 色相 ( 14° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #c41003 : -10
14 : #c43003 : ±0
24 : #c45003 : +10
34 : #c47003 : +20
44 : #c49003 : +30
54 : #c4b103 : +40
64 : #b7c403 : +50
74 : #97c403 : +60
84 : #77c403 : +70
94 : #57c403 : +80
104 : #36c403 : +90
114 : #16c403 : +100
124 : #03c410 : +110
134 : #03c430 : +120
144 : #03c450 : +130
154 : #03c470 : +140
164 : #03c490 : +150
174 : #03c4b1 : +160
184 : #03b7c4 : +170
194 : #0397c4 : +180
204 : #0377c4 : +190
214 : #0357c4 : +200
224 : #0336c4 : +210
234 : #0316c4 : +220
244 : #1003c4 : +230
254 : #3003c4 : +240
264 : #5003c4 : +250
274 : #7003c4 : +260
284 : #9003c4 : +270
294 : #b103c4 : +280
304 : #c403b7 : +290
314 : #c40397 : +300
324 : #c40377 : +310
334 : #c40357 : +320
344 : #c40336 : +330
354 : #c40316 : +340
4 : #c41003 : -10
5 : #c41303 : -9
6 : #c41603 : -8
7 : #c41903 : -7
8 : #c41d03 : -6
9 : #c42003 : -5
10 : #c42303 : -4
11 : #c42603 : -3
12 : #c42a03 : -2
13 : #c42d03 : -1
14 : #c43003 : ±0
15 : #c43303 : +1
16 : #c43603 : +2
17 : #c43a03 : +3
18 : #c43d03 : +4
19 : #c44003 : +5
20 : #c44303 : +6
21 : #c44703 : +7
22 : #c44a03 : +8
23 : #c44d03 : +9
24 : #c45003 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646362 : -96
3 : #666260 : -94
5 : #68615e : -92
7 : #6a605c : -90
9 : #6c5f5a : -88
11 : #6e5e59 : -86
13 : #705d57 : -84
15 : #725b55 : -82
17 : #745a53 : -80
19 : #765951 : -78
21 : #78584f : -76
23 : #7a574d : -74
25 : #7c564b : -72
27 : #7e5549 : -70
29 : #805447 : -68
31 : #825345 : -66
33 : #845243 : -64
35 : #865141 : -62
37 : #88503f : -60
39 : #8a4f3d : -58
41 : #8c4e3b : -56
43 : #8e4d39 : -54
45 : #904c37 : -52
47 : #924b35 : -50
49 : #944933 : -48
51 : #964831 : -46
53 : #98472f : -44
55 : #9a462d : -42
57 : #9c452b : -40
59 : #9e4429 : -38
61 : #a04327 : -36
63 : #a24225 : -34
65 : #a44123 : -32
67 : #a64021 : -30
69 : #a83f1f : -28
71 : #aa3e1d : -26
73 : #ac3d1b : -24
75 : #ae3c19 : -22
77 : #b03b17 : -20
79 : #b23a15 : -18
81 : #b43813 : -16
83 : #b63711 : -14
85 : #b8360f : -12
87 : #ba350d : -10
89 : #bc340b : -8
91 : #be3309 : -6
93 : #c03207 : -4
95 : #c23105 : -2
97 : #c43003 : ±0
99 : #c62f01 : +2
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -38
3 : #0f0400 : -36
5 : #190600 : -34
7 : #230901 : -32
9 : #2d0b01 : -30
11 : #370e01 : -28
13 : #411001 : -26
15 : #4b1201 : -24
17 : #551501 : -22
19 : #5f1701 : -20
21 : #691a02 : -18
23 : #741c02 : -16
25 : #7e1f02 : -14
27 : #882102 : -12
29 : #922402 : -10
31 : #9c2602 : -8
33 : #a62903 : -6
35 : #b02b03 : -4
37 : #ba2e03 : -2
39 : #c43003 : ±0
41 : #ce3203 : +2
43 : #d83503 : +4
45 : #e23703 : +6
47 : #ec3a04 : +8
49 : #f63c04 : +10
51 : #fb4109 : +12
53 : #fb4913 : +14
55 : #fc511d : +16
57 : #fc5927 : +18
59 : #fc6031 : +20
61 : #fc683b : +22
63 : #fc7045 : +24
65 : #fc784f : +26
67 : #fc7f59 : +28
69 : #fd8763 : +30
71 : #fd8f6d : +32
73 : #fd9777 : +34
75 : #fd9e81 : +36
77 : #fda68b : +38
79 : #fdae96 : +40
81 : #feb5a0 : +42
83 : #febdaa : +44
85 : #fec5b4 : +46
87 : #fecdbe : +48
89 : #fed4c8 : +50
91 : #fedcd2 : +52
93 : #fee4dc : +54
95 : #ffece6 : +56
97 : #fff3f0 : +58
99 : #fffbfa : +60
CSS入門、作ってます。
text-shadow