#ce7a27
RGB ( 赤 = 206, 緑 = 122, 青 = 39 )
HSL ( 色相 = 30°, 彩度 = 68%, 明度 = 48% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ce2727 : -30
10 : #ce4327 : -20
20 : #ce5f27 : -10
30 : #ce7a27 : ±0
40 : #ce9627 : +10
50 : #ceb227 : +20
60 : #cece27 : +30
70 : #b2ce27 : +40
80 : #96ce27 : +50
90 : #7ace27 : +60
100 : #5fce27 : +70
110 : #43ce27 : +80
120 : #27ce27 : +90
130 : #27ce43 : +100
140 : #27ce5f : +110
150 : #27ce7a : +120
160 : #27ce96 : +130
170 : #27ceb2 : +140
180 : #27cece : +150
190 : #27b2ce : +160
200 : #2796ce : +170
210 : #277ace : +180
220 : #275fce : +190
230 : #2743ce : +200
240 : #2727ce : +210
250 : #4327ce : +220
260 : #5f27ce : +230
270 : #7a27ce : +240
280 : #9627ce : +250
290 : #b227ce : +260
300 : #ce27ce : +270
310 : #ce27b2 : +280
320 : #ce2796 : +290
330 : #ce277a : +300
340 : #ce275f : +310
350 : #ce2743 : +320
20 : #ce5f27 : -10
21 : #ce6127 : -9
22 : #ce6427 : -8
23 : #ce6727 : -7
24 : #ce6a27 : -6
25 : #ce6d27 : -5
26 : #ce6f27 : -4
27 : #ce7227 : -3
28 : #ce7527 : -2
29 : #ce7827 : -1
30 : #ce7a27 : ±0
31 : #ce7d27 : +1
32 : #ce8027 : +2
33 : #ce8327 : +3
34 : #ce8527 : +4
35 : #ce8827 : +5
36 : #ce8b27 : +6
37 : #ce8e27 : +7
38 : #ce9127 : +8
39 : #ce9327 : +9
40 : #ce9627 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -68
2 : #7d7a78 : -66
4 : #7f7a76 : -64
6 : #827a73 : -62
8 : #847a71 : -60
10 : #877a6e : -58
12 : #897a6c : -56
14 : #8c7a69 : -54
16 : #8e7a67 : -52
18 : #907a64 : -50
20 : #937a62 : -48
22 : #957a5f : -46
24 : #987a5d : -44
26 : #9a7a5b : -42
28 : #9d7a58 : -40
30 : #9f7a56 : -38
32 : #a27a53 : -36
34 : #a47a51 : -34
36 : #a67a4e : -32
38 : #a97a4c : -30
40 : #ab7a49 : -28
42 : #ae7a47 : -26
44 : #b07a45 : -24
46 : #b37a42 : -22
48 : #b57a40 : -20
50 : #b87a3d : -18
52 : #ba7a3b : -16
54 : #bc7a38 : -14
56 : #bf7a36 : -12
58 : #c17a33 : -10
60 : #c47a31 : -8
62 : #c67a2f : -6
64 : #c97a2c : -4
66 : #cb7a2a : -2
68 : #ce7a27 : ±0
70 : #d07a25 : +2
72 : #d37a22 : +4
74 : #d57a20 : +6
76 : #d77a1d : +8
78 : #da7a1b : +10
80 : #dc7a18 : +12
82 : #df7a16 : +14
84 : #e17a14 : +16
86 : #e47a11 : +18
88 : #e67a0f : +20
90 : #e97a0c : +22
92 : #eb7a0a : +24
94 : #ed7a07 : +26
96 : #f07a05 : +28
98 : #f27a02 : +30
100 : #f57a00 : +32
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #090502 : -46
4 : #110a03 : -44
6 : #1a0f05 : -42
8 : #221407 : -40
10 : #2b1a08 : -38
12 : #331f0a : -36
14 : #3c240b : -34
16 : #45290d : -32
18 : #4d2e0f : -30
20 : #563310 : -28
22 : #5e3812 : -26
24 : #673d14 : -24
26 : #6f4215 : -22
28 : #784717 : -20
30 : #814d18 : -18
32 : #89521a : -16
34 : #92571c : -14
36 : #9a5c1d : -12
38 : #a3611f : -10
40 : #ab6621 : -8
42 : #b46b22 : -6
44 : #bc7024 : -4
46 : #c57526 : -2
48 : #ce7a27 : ±0
50 : #d68029 : +2
52 : #d88531 : +4
54 : #d98a3a : +6
56 : #db8f43 : +8
58 : #dd944b : +10
60 : #de9954 : +12
62 : #e09e5c : +14
64 : #e2a365 : +16
66 : #e3a86d : +18
68 : #e5ad76 : +20
70 : #e7b37e : +22
72 : #e8b887 : +24
74 : #eabd90 : +26
76 : #ebc298 : +28
78 : #edc7a1 : +30
80 : #efcca9 : +32
82 : #f0d1b2 : +34
84 : #f2d6ba : +36
86 : #f4dbc3 : +38
88 : #f5e0cc : +40
90 : #f7e6d4 : +42
92 : #f8ebdd : +44
94 : #faf0e5 : +46
96 : #fcf5ee : +48
98 : #fdfaf6 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow